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


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

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?

With jQuery slideDown/slideUp on hover, how to wait until previous slide finishes?
===

I have a drop-down menu where the drop-down slides open, then slides back closed. 


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

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?
