Jquery Show Hide Function
<p>I am using the jQuery function</p>

<pre><code>function ShowHide(){
  $(".login").animate({"height": "toggle"}, { duration: 1000 });
}
</code></pre>

<p>and the link to show hide the .login div is:</p>

<pre><code>onclick="ShowHide(); return false;"
</code></pre>

<p>But this link only toggles the div to show and hide, but I want it to also hide when the user clicks off the div, I have a page wrapper in place but just need some help with jQuery.</p>
