JQuery тайм-аут в раскрывающемся меню (hoverintent)

Question

$(document).ready(function() { 

$('#nav li').hover(
    function() { 
     //show its submenu 
     $('ul', this).slideDown(220); 

    }, 
    function() { 
     //hide its submenu 
     $('ul', this).slideUp(220);   
    } 
); 

Здравствуйте, Я хочу, чтобы установить «задержку» на моем DropDownMenu, потому что время реагировать слишком быстро. Когда я случайно навешиваю 4 раза подряд (он скользит вверх и вниз во время). Я прочитал и попробовал плагин jQuery для HoverIntent. Но я не могу реализовать его с помощью этого простого меню jquery.

Есть ли люди с таким опытом? Я действительно был бы благодарен, я пытался реализовать его, но безуспешно (я плохо в jquery). Пожалуйста, дайте подсказку/код, спасибо!

Answer 1

Вам необходимо остановить текущую анимацию. Попробуйте это,

$('#nav li').hover(
    function() { 
     //show its submenu 
     $('ul', this).stop().slideDown(220); 

    }, 
    function() { 
     //hide its submenu 
     $('ul', this).stop().slideUp(220);   
    } 
); 

Answer 2

Попробуйте следующее, чтобы предотвратить срабатывание функции наведения во много раз.

$('#nav li').hover(
    function() { 
     //show its submenu 
     $('ul', this).stop().slideDown(220); 

    }, 
    function() { 
     //hide its submenu 
     $('ul', this).stop().slideUp(220);   
    } 
);