Jquery Drop Down Box Click Outside
<p>I am trying to make it so when i click outside the box the box scrolls up but i cant manage to get that done.</p>

<p><a href="http://jsfiddle.net/t9hq9/19/" rel="nofollow">http://jsfiddle.net/t9hq9/19/</a></p>

<pre><code>   &lt;style type='text/css'&gt;
    #content {
    width: 400px;
    border-left: 10px solid #FA802F;
    border-right: 10px solid #FA802F;
    text-align: center;
    padding: 100px 0px 100px 0px;
    display: none;
}

#bottom{
    width: 420px;
    height: 100px;

    background-color: #FA802F;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-bottom-left-radius: 50px;
    border-bottom-left-radius: 100px;

    -webkit-border-bottom-right-radius: 50px;
    -moz-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 100px;   
    }
  &lt;/style&gt;



&lt;script type='text/javascript'&gt;//&lt;![CDATA[ 
$(window).load(function(){
$('#bottom').toggle(

function() {
    $('#content').slideDown();
}, function() {
    $('#content').slideUp();
});
});//]]&gt;  

&lt;/script&gt;


&lt;/head&gt;
&lt;body&gt;
  &lt;div id="content"&gt;CONTENT&lt;/div&gt;
&lt;div id="bottom"&gt;&lt;/div&gt;

&lt;/body&gt;
</code></pre>
