jQuery - Preventing queuing up hover functions from fast mouse movements

Question

This is an issue I seem to keep coming across. If for example I have a drop down navigation menu using a jQuery hover() function and I quickly move my mouse cursor over then off the <li> about 10 times, the subnavigation will appear, then disappear 10 times.

Is there any way to prevent this issue from occuring?

Thanks

Answer 1

Yes, use the stop function !

$(this).stop().animate(...);

Or

$(this).stop().show();

Answer 2

We use Hoverintent for our menus. Gives a smart delay before animating:

http://cherne.net/brian/resources/jquery.hoverIntent.html