With jQuery slideDown/slideUp on hover, how to wait until previous slide finishes?
<p>I have a drop-down menu where the drop-down slides open, then slides back closed. </p>

<pre><code>$('nav ul li').hover(
     function () {
        $(this).children('.subnav').slideDown(300);
    }, 
     function () {
        $(this).children('.subnav').slideUp(300);
    }
);
</code></pre>

<p>If someone hovers over one item, then another before the previous finishes sliding up, they overlap. How do I prevent this overlap and make the previous slide up before allowing the second to slide down?</p>
