JQuery - Collapsable DIV：简单的方法来记住打开的div的状态？

这是我有一个简单的可折叠的div（上打开一个切换按钮的点击/关闭）JQuery - Collapsable DIV：简单的方法来记住打开的div的状态？

 
$(document).ready(function(){ 

     $(".slidingDiv").hide(); 
     $(".show_hide").show(); 

    $('.show_hide').click(function(){ 
    $(".slidingDiv").slideToggle(); 
    }); 

});

<a href="#" class="show_hide">Show/hide</a> 
<div class="slidingDiv"> 
Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>

 

.slidingDiv { 
    height:300px; 
    background-color: #99CCFF; 
    padding:20px; 
    margin-top:10px; 
    border-bottom:5px solid #3399FF; 
} 

.show_hide { 
    display:none; 
}

现在，功能完美地工作，但如果我打开div和然后导航页面，该div显然回到正在重新加载/点击链接等被关闭。

是否有一种简单的方法来添加记住的状态，以便在整个用户体验期间div点击时保持打开状态打开它？

来源

2011-06-19 Mark