title: Keeping an item toggled off after refresh/change of page
body: <p>How could i keep a div hidden after the user goes to another page or refreshes the page? I have the following code in the footer so it loads on every page:</p>
  
  <pre><code>$(document).ready(function() {
   $('#clickmebottom').click(function() {
        $('#bottomfixtab').animate({
             height: 'toggle'
             }, 350
        );
   });
  });
  </code></pre>
  
  <p>#clickmebottom is an X button that - on click - hides the #bottomfixtab div (small fixed banner at bottom of screen)</p>
  
  <p>Thanks for the help</p>