title: Fancybox - Implementing afterClose callback
body: <p>My javascript syntax is rookie-level, but I'm learning :></p>
  
  <p>I'm using Fancybox 2.1.4 to reveal an inline <code>&lt;div id="content"&gt;</code>.
  Traditionally, the <code>&lt;div&gt;</code> would be set to <code>style="display:none"</code> and Fancybox will change that to block when activated, and back to <code>none</code> when closed.</p>
  
  <p>In my case, I actually have the content of that <code>&lt;div&gt;</code> visible on the page in a different location (it's the right thing for the project, I know there are various opinions that can be had there).</p>
  
  <p>So I need to keep <code>&lt;div id="content"&gt;</code> from disappearing after closing the fancybox (which it natively disappears).</p>
  
  <p>After some research, I found that using the <code>afterClose</code> callback, I can simply change or add the inline style of <code>id"content"</code> to <code>display:block</code> (which solves the problem.</p>
  
  <p>The problem... is my rookiness :>
  I tried for quite a long time and just not sure where to put the code, and the right syntax.</p>
  
  <p>How would i add that <code>afterClose</code> to my fancybox function?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $(".fancybox").fancybox(
          );
      }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks very much for any assist</p>