Slider keeps repeating over & over if i rollover multiple times
<p>I have the following code:</p>

<pre><code>$(document).ready(function() {
    $('#nav li').hover(

    function() {
        // Show the sub menu
        $('ul', this).slideDown(300);
    }, function() {
        //hide its submenu
        $('ul', this).slideUp(200);
    });

});
</code></pre>

<p>But if i rollover an Nav menu item quickly, say 50 times..it will keep showing the animation (up and down) 50 times like a loop!...</p>

<p>I tried adding <code>.stop()</code> like  <code>$('ul', this).stop().slideDown(300);</code> - but it just stops the menu showing.... so any ideas where to put it in the code or another way to do it please?</p>
