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