Jquery: Выпадающее меню Задержка при наведении на и мыши из

Question

У меня есть раскрывающийся меню с помощью функции JQuery, как это:

$(document).ready(function() 
{ 
    $('li').hover(
    function() 
    { 
     var timer = $(this).data('timer'); 
     if(timer) clearTimeout(timer); 
     $(this).addClass('over'); 
    }, 

    function() 
    { 
     var li = $(this); 
     li.data('timer', setTimeout(function(){ li.removeClass('over'); }, 500)); 
    }); 
}); 

Preview: http://jsbin.com/onawur

Функция скроет подменю после 500 мс. Я понятия не имею, как создать подменю после 500 мс. Пожалуйста, помогите ..

Answer 1

В качестве модификации существующего кода:

$(document).ready(function() 
{ 
    $('li').hover(
    function() 
    { 
     var timer = $(this).data('timer'); 
     if(timer) clearTimeout(timer); 
     var li = $(this); 
     li.data('showTimer', setTimeout(function(){li.addClass('over'); }, 500)); 
    }, 

    function() 
    { 
     var showTimer = $(this).data('showTimer'); 
     if(showTimer) clearTimeout(showTimer); 
     var li = $(this); 
     li.data('timer', setTimeout(function(){ li.removeClass('over'); }, 500)); 
    }); 
}); 

Answer 2

Кажется, идеальный потребительной случае для дребезга

http://code.google.com/p/jquery-debounce/