title: How to make slideToggle element toggle back by clicking anywhere but the toggled element
body: <p>I've got an issue where I'd like to make an element that is brought onto the screen using jQuery '.css' go back to where it was originally when you click anywhere outside of the element itself. </p>
  
  <p>Basically a similar thing to lightbox, where you can click anywhere on the black overlay to close the lightboxed image. </p>
  
  <p>This is the code I have so far which slides my element out from the top:</p>
  
  <pre><code>$( ".menu-toggle" ).on( "click", function() {
    $( '.slider' ).css( "margin-top", "0px" );
  });
  </code></pre>
  
  <p>As ever, any help is appreciated! Thank you. =0)</p>