title: toggle- hide item when click outside of the div
body: <p>I am using jquery's slidetoggle, want to learn how to make the <code>showup</code> class hide when click anywhere outside of the DIV.
  thanks!</p>
  
  <p>Online SAMPLE: <a href="http://jsfiddle.net/evGd6/" rel="noreferrer">http://jsfiddle.net/evGd6/</a></p>
  
  <pre><code>&lt;div class="click"&gt;click me&lt;/div&gt;
  &lt;div class="showup"&gt;something I want to show&lt;/div&gt;​
  </code></pre>
  
  <pre><code>$(document).ready(function(){
      $('.click').click(function(){
          $(".showup").slideToggle("fast");
      });
  });​
  </code></pre>
  
  <pre><code>.showup {
      width: 100px;
      height: 100px; 
      background: red; 
      display:none;
  }
  .click {
      cursor: pointer;
  }
      ​
  </code></pre>