title: FancyBox - "Don't show this message again" button?
body: <p>I have <strong>FancyBox</strong> on a website that pops up when they visit and has some info inside it. I'd like to add some kind of button that the user can click, and it sets a cookie not to show the message for about a month or so.</p>
  
  <p>I'm quite useless when it comes to things like this, so if anyone could walk me though what to do, that would be awesome.</p>
  
  <p>Here's what I have so far. At the bottom I've added what I think could be an anchor for the proposed cookie ("noShow"), but I'm not sure if it would work like it is. I've loaded all the jQuery scripts before this for FancyBox, and after those it loads <strong>jquery.cookie.js</strong> too. If it matters, I'm using whatever the latest download for FancyBox 2 is.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
  function openFancy() { 
  setTimeout( function() {$('#autoStart').trigger('click'); },1000);
  } 
  
  $(document).ready(function() {
      openFancy();
      $('#autoStart').fancybox();
  });
  &lt;/script&gt;
  
  &lt;!-- This is the popup itself --&gt;
  &lt;a id="autoStart" style="display:none" href="#autoFancybox"&gt;&lt;/a&gt;
   &lt;div style="display: none;"&gt;
    &lt;div id="autoFancybox" style="width: 800px"&gt;
     &lt;div&gt;
      &lt;!-- My content for the Fancybox is here --&gt;
      &lt;br /&gt;
      &lt;p style="font-size:10px" align="right"&gt;
      &lt;a id="noShow" href="#noShow"&gt;Don't me show this message again&lt;/a&gt;
      &lt;/p&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Thanks,
  Liam.</p>