2012-06-15 32 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>