切换div在页面刷新或更改后保持原样

Question

在这个例子中。 如果页面改变或刷新，我需要我的div是开放的。 我已经提供了我的HTML和Javascript。

这是我的代码生活的地方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>?

Answer 1

使用javascript coockie保存每个菜单的Open和close状态，并在页面加载时读取状态。 这是唯一的方法，因为每次刷新页面时，一切都会重置。

Answer 2

当您进行更改时，您可以更改网址末尾的＃后面的内容。 然后，当重新加载页面时，您在$(document).ready()读取哈希值后的值，并相应地进行更改。

Answer 3

您可以使用is函数检查div是否被隐藏并显示它

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

此外，正如@mikel所说，把它放在文件就绪函数中以检查页面加载。

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