2014-05-06 48 views
1

我有一個導航菜單子ul動畫,當它的父李是用鼠標懸停。當鼠標退出時它也會滑動。但是,我試圖在它下滑之前讓它延遲1秒。我想讓小孩ul在鼠標離開後保持打開狀態1秒鐘。但是,它仍然立即滑落。這裏有什麼問題?延遲後的jQuery幻燈片

$(".ipro_menu li>ul").hide(); // Hide all 

$(".ipro_menu li").mouseenter(function() { 
    $(this).children("ul").slideDown(); 
}).mouseleave(function() { 
    $(this).delay(1000).children("ul").slideUp(); // Wait 1 sec before sliding up 
}); 
+0

一個jsFiddle會很好。我認爲@adeneo是正確的,但我懷疑副作用。 – sheriffderek

回答

4

錯誤的順序,得到的元素,你耽誤動畫之前,否則延遲應用於this,不是的孩子。

$(this).children("ul").delay(1000).slideUp();