title: jQuery Colorbox hide content on close
body: <p>I am trying to display a hidden div in colorbox using an <code>&lt;a&gt;</code> link's <code>onclick</code></p>
  
  <p>The fiddle -> <a href="http://jsfiddle.net/hSp3m/1/" rel="nofollow">http://jsfiddle.net/hSp3m/1/</a></p>
  
  <p>Here is my markup,</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .lightbox-content{ display: none }
  &lt;/style&gt;
  
  &lt;div class="panel yellow"&gt;
      &lt;h4 class="font"&gt;Title&lt;/h4&gt;
      &lt;a title="View now &amp;raquo;" class="learnmore" href="#"&gt;View now &amp;raquo;&lt;/a&gt;
      &lt;div class="lightbox-content"&gt;
          &lt;h4&gt;The first lightbox&lt;/h4&gt;
          &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      $('.panel .learnmore').click(function(e){
          e.preventDefault();
          var d = $(this);
          $.colorbox({
              width: 920,
              inline: true,
              href: d.siblings('div.lightbox-content'),
              opacity: 0.5,
              open: true,
              onLoad: function(){
                  d.siblings('div.lightbox-content').fadeIn()
              },
              onCleanup: function(){
                  d.siblings('div.lightbox-content').hide()
              }
          })
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Now the lightbox will open, and load content fine. It will even fade the content in. The problem is that once the lightbox has closed, a <code>display: block</code> style is applied to <code>.lightbox-content</code> which I can't seem to get rid of.</p>
  
  <p>I want to keep the content hidden, show it on click in the lightbox, and then hide it again on close.</p>
  
  <p>Any ideas please?</p>