Comment arrêter slideDown() et slideUp() si l'utilisateur sort?

Question

S'il vous plaît, je vais avoir ce code:

Avec ce code, je ne peux pas arrêter commencé animation glisser

$('#menu ul > li:not(#menu ul.first li, #menu ul.second li)').mouseenter(function() { 
    $(this).find('a').addClass('active'); 
    $(this).stop(true).find('div.sub').slideDown(500); 

}).mouseleave(function() { 
    $(this).find('a.active').removeClass('active'); 
    $(this).stop(true).find('div.sub:visible').slideUp(100); 
}) 

, si l'utilisateur supprime la souris de « li ». Donc, c'est un peu compliqué quand l'utilisateur survole accidentellement quelques menus, tous les sous-menus s'ouvrent et se ferment avec une animation complète.

J'ai essayé avec ".stop()", comme ".find ('div.sub'). Stop()", et cela fonctionne, mais si vous essayez de survoler à nouveau, alors le sous-menu est seulement à moitié affiché, combien cela a été montré la première fois.

Quelqu'un at-il une solution pour celui-ci, parce que je ne peux pas recoder :(il à nouveau

Merci et désolé pour mon pauvre anglais :)

Answer 1

Jetez un oeil au plug-in hovreIntent. Il vous permettra de déterminer si un utilisateur souhaite vraiment passer la souris sur un élément ou passer rapidement au-dessus de celui-ci. Il est configurable avec les délais, les délais, la sensibilité, etc.