JQuery - Collapsable DIV: Easy way to remember state of opened div?
<p>This is what I have for a simple collapsable div (opens/closes on click of a toggle button)</p>

<pre>
$(document).ready(function(){

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

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

});
</pre>

<pre><code>&lt;a href="#" class="show_hide"&gt;Show/hide&lt;/a&gt;
&lt;div class="slidingDiv"&gt;
Fill this space with really interesting content. &lt;a href="#" class="show_hide"&gt;hide&lt;/a&gt;&lt;/div&gt;
</code></pre>

<pre>

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

.show_hide {
    display:none;
}
</pre>

<p>Now, the function works perfectly, but if I open the div and then navigate the page, the div obviously goes back to being closed on reload/clicking a link etc.. </p>

<p>Is there an easy way to add a remembered state so that during the entire user experience the div remains open when he clicks to open it?</p>
