title: Display A Popup Only Once Per User
body: <p>There have already been answers to this question but I am still unsure exactly how it works.</p>
  
  <p>I am using the following HTML in my footer.php:</p>
  
  <pre><code>&lt;div id="popup"&gt;
      &lt;div&gt;
          &lt;div id="popup-close"&gt;X&lt;/div&gt;
              &lt;h2&gt;Content Goes Here&lt;/h2&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the following Javascript:</p>
  
  <pre><code>$j(document).ready(function() {
      $j("#popup").delay(2000).fadeIn();
      $j('#popup-close').click(function(e) // You are clicking the close button
      {
      $j('#popup').fadeOut(); // Now the pop up is hiden.
      });
      $j('#popup').click(function(e) 
      {
      $j('#popup').fadeOut(); 
      });
  });
  </code></pre>
  
  <p>Everything works great, but I want to only show the pop up once per user (maybe using the cookie thing all the forum posts go on about) but I do not know exactly how to incorporate it into the JS above.</p>
  
  <p>I know that I will have to load the cookie JS in my footer with this:</p>
  
  <pre><code>&lt;script type="text/javascript" src="scripts/jquery.cookies.2.2.0.min.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>But that is all I understand, can anyone tell me exactly how the JS/jQuery should look with the cookie stuff added?</p>
  
  <p>Thanks</p>
  
  <p>James</p>