I have a simple dropdown item as
$('.item').mouseover(function(){
$(this).children().slideDown('slow');
});
$('.item').mouseleave(function(){
$(this).children().slideUp("slow");
});
My problem is that if we move mouse on/out the item rapidly for several times, it will perform all processes by continuing opening and closing the <div>.
Try hoverIntent, it specifically addresses this issue.