how to maintain jquery change preserved on page change?
<p>i am using the below code to slide my navigation menu </p>

<pre><code>$(document).ready(function(){
 $("#flipnav").click(function(){
    $("nav").slideToggle("slow");
    }); 
}); 
</code></pre>

<p>but on browsing to another page or refresh the navigation is back again. but how to preserve this change so that the navigation remains hidden until the user click to show navigation again and remains same(hidden) even when browses to another page ?</p>

<p>Further</p>

<pre><code>if(sessionStorage["navigationMoved"]== "true"){

  $(document).ready(function(){
 $("#flipnav").ready(function(){
    $("nav").slideToggle("slow");
    }); 
}); 

 $(document).ready(function(){
$('#flipnav').toggle(function(){
  $('#content').animate({
   top:"0%"
 });
}, 

function(){
  $('#content').animate({
  top:"2%"
  });     
});
});

} 
</code></pre>
