title: closing a lightbox by clicking a button and outside
body: <p>I am struggling to figure out how to add the ability to close the Lightbox by clicking on the backdrop or dark area and also adding a close button to the light box to close it off.</p>
  
  <pre><code>&lt;script&gt;
  
  $("a#show-panel").click(function(){
      $("#lightbox, #lightbox-panel").fadeIn(300);
   })
   $("a#close-panel").click(function(){
       $("#lightbox, #lightbox-panel").fadeOut(300);
   })
  
   &lt;/script&gt;  
  </code></pre>
  
  <p>I am using this example: <a href="http://jsfiddle.net/HjCyA/3/" rel="nofollow">Demo</a></p>