title: Stop div from showing more than once per session or visit
body: <p>I have a JS function that shows a message div on doc ready and then hides it if the 'close' link is clicked.</p>
  
  <p>I would like to show this message div only once per visit to the first page the user visits and then then never for any page view in the site after that.</p>
  
  <p>At the moment when a user clicks on another page within the site, the message div shows again and this is annoying obviously for everyone.</p>
  
  <p>I looked up 'one' in jQuery but am not sure how to implement it with my low JS knowledge.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
      $("div#panel").hide();
  
      var autoTimer = null;
  
      autoTimer = setTimeout(function(){
          $("div#panel").slideDown("slow");
      },1000);
      $("#close").click(function(){
          $("div#panel").slideUp("slow"); 
          if(autoTimer) clearTimeout(autoTimer);
          autoTimer = null;
          $("div#close").css("display","none");
      });         
  });
  &lt;/script&gt;
  </code></pre>