Making jQuery slideUp when clicking off
<p>I am using jQuery to make a nav slideDown. I want when people click anywhere outside of the nav it slideUp.</p>

<p>The problem is that with my code it slideUp even if I click on the element. I basically want it to slideUp if the user clicks anywhere other than the element which slideDown</p>

<pre><code> //News Drop Down
$(document).ready(function () {
$('li.newsDrop').mouseenter(function () {
    $('div.newsadviceDrop').slideDown('medium');
});
});

$('body').click(function() {
    $('div.newsadviceDrop').slideUp('slow', function() {
    // Animation complete.
   });
});
</code></pre>
