我有一个小脚本来切换我的导航。但我在更多页面中使用导航。我希望 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("");
});
});
您可以使用 cookie 管理或 localStorage 在整个会话中存储此信息。LocalStorage 仅适用于 html5。
这是一篇关于兼具两者的插件的好文章，因此您无需检测浏览器是否支持 localStorage：
http://upstatement.com/blog/2012/01/jquery-local-storage-done-right-and-easy/
您还可以将哈希添加到 url 并在页面刷新后检测哈希。
有关哈希的更多详细信息，请点击此处
您可以使用 jquery 的滑动功能来做到这一点，只需像这样使用 css 设计面板并根据自己的喜好翻转元素
<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>