mouvement de la souris rapide sur jQuery menu déroulant

Question

J'ai un élément simple menu déroulant comme

$('.item').mouseover(function(){ 
$(this).children().slideDown('slow'); 
}); 
$('.item').mouseleave(function(){ 
$(this).children().slideUp("slow"); 
}); 

Mon problème est que si nous nous déplaçons la souris sur/le produit rapidement à plusieurs reprises, il effectuera tous les processus en continuant l'ouverture et fermant le <div>.

Answer 1

Essayez hoverIntent, il résout spécifiquement ce problème.

Answer 2

cochez cette fonction jQuery pour arrêter les animations - http://api.jquery.com/stop/