2012-06-15 95 views
3

我得到了一个小脚本来切换我的导航。但即时通讯在更多页面中使用。我想让jquery记住切换(显示/隐藏)状态,以便在导航时使用它。请记住刷新后使用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:我知道我的英语不是很好:))

+1

最简单的方法是[设置cookie](http://donejs.com/docs.html#!jQuery.cookie)。 – Blazemonger

回答

0

你可以使用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>