jQuery下拉導航，一些項目不隱藏在鼠標移出

Question

我有一個水平的多級別下拉導航使用UL的工作正常，如果你以一種受控方式懸停在項目上，但只要你通過移動鼠標更快 - 項目要「粘」到「顯示」狀態，並且不要再隱藏，直到你再次將鼠標懸停在它們上面。

此外，當您將鼠標懸停在項目之間時（例如，將鼠標移動到另一個級別的子項目時，如果移動鼠標時出現一個像素，則子項目將消失。這在技術上應該是腳本應該做的，但我該如何添加一個小延遲？

這裏是我的jQuery：

$(function() { 
$('ul.sub-menu').hide(); 
$('.sub-menu ul').hide(); 

$('#menu-navigation li').hover(function(){ 
    $(this).children('ul').slideDown("fast"); 
    }, 
function(){ 
    $(this).children('ul').hide(); 
}); 

$('#menu-navigation ul li').hover(function(){ 
    $(this).children('ul').slideDown("fast"); 
    }, 
function(){ 
    $(this).children('ul').hide(); 
}); 

}); 

Answer 1

試試這個：

function(){ 
    var element=this; 
    Timeout(function(){ 
    $(element).find('>ul').fadeOut('slow') 
    }, 2000); 
}