Question

我有一个小脚本切换我的导航。但是我在更多页面中使用导航。我希望jquery能够记住切换（显示/隐藏）状态，以便在导航时使用它。

$(document).ready(function(){
$('ul.second').show();
$('ul.third').hide();
$('ul.first').show();
$('ul.first li.first a').click(function(){
    //$('ul.second').slideToggle("");
    $('ul.third').slideToggle("");
    });
});

ps：我知道我的英语不太好:)）

Answer 1

您可以使用cookie管理或localStorage在您的会话中存储此信息。 LocalStorage仅适用于html5。

这是一篇关于插件的好文章，其中包含两者，因此如果浏览器能够支持localStorage，则无需检测自己：

http://upstatement.com/blog/2012/01/jquery-local-storage-done-right-and-easy/

Answer 2

您还可以向网址添加哈希值，并在页面刷新后检测哈希值。

有关哈希的详细信息

http://benalman.com/projects/jquery-hashchange-plugin/

https://developer.mozilla.org/en/DOM/window.onhashchange

Answer 3

你可以使用jquery的滑动功能来完成它只需按照你喜欢的方式设计面板和翻转元素

<style>
.flip {
position:relative;
background-image:url("mybutton");
}

#panel {
background-image:("rabbitimage");
}
</style>

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $(".flip").click(function(){
    $("#panel").slideToggle("slow");

  });
});
</script>


</head>
<body>

<div class="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>

</body>
</html>

还记得刷新后用JQuery切换状态吗？

3 个答案: