alternar div mantener como está después de actualizar o cambiar la página

En este ejemplo. Necesito que mi div esté abierto si la página cambia o se actualiza. He dado mi HTML y Javascript.

Aquí es donde mi código está en vivo http://jsfiddle.net/wasimkazi/fauNg/1/

    $(".widget2").hide();
    $(".box2").toggle(function() {
        $(this).next(".widget2").slideDown(200);
    }, function() {
        $(this).next(".widget2").slideUp(200);
    });

    $(".inner").hide();
    $(".box").toggle(function() {
        $(this).next(".inner").slideDown(200);
    }, function() {
        $(this).next(".inner").slideUp(200);
    });?

<div class="box2"><h3>Basketball</h3>
</div>
<div class="widget2" style="display: block; "><div class="widget"><div class="box"><h3>Australia</h3></div>
        <div class="inner" style="display: block; ">
            <ul class="leagues">
                                    <li class="even"><a href="/baloncesto/australian-nbl/" class="league-145">Australian NBL</a></li>
                            </ul>
            <div class="clear-both"></div>
        </div></div>
</div>?

preguntado el 28 de julio de 12 a las 07:07

3 Respuestas

Utilice las galleta javascript para salvar el Open y close estado para cada menú, y leer el estado cuando se carga la página. esta es la única forma de hacerlo, ya que cada vez que se actualiza la página, todo se reinicia.

Respondido 28 Jul 12, 08:07

¿Puedes mostrarme cómo uso las cookies en este Programa - wasim kazi

Así es como funciona, jsfiddle.net/bingjie2680/s6RzW, debe optimizar el código usted mismo, lo que hago allí es solo para la demostración del estado persistente. - bingjie2680

el enlace no estaba bien. aquí está el enlace correcto: jsfiddle.net/bingjie2680/s6RzW/1 - bingjie2680

No querido, hice eso antes de publicar mi pregunta. eso es todo jsfiddle.net/wasimkazi/fauNg/1 - wasim kazi

@ user599806, digo, haga clic en este enlace: jsfiddle.net/bingjie2680/s6RzW/1, le muestra cómo usar cookies para mantener el estado. - bingjie2680

Cuando realiza un cambio, puede cambiar lo que está después del # al final de la URL. Luego, cuando se vuelve a cargar la página, lee el valor después del hash en $(document).ready() y hacer los cambios correspondientes.

Respondido 28 Jul 12, 08:07

Creo este ejemplo aquí.mi programa No creo que funcione para esto. - wasim kazi

Puede utilizar el is función para verificar si su div está oculto y mostrarlo

if($(".selector").is(":hidden"))
   $(".selector").show();

Además, como dijo @mikel, colóquelo dentro de la función de documento listo para verificar la carga de la página.

$(document).ready(function(){
      if($(".selector").is(":hidden"))
       $(".selector").show();
});

Respondido 28 Jul 12, 08:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.