toggle- hide item when click outside of the div
<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="nofollow">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>
