在jquery下拉菜單中的延遲關閉切換

Question

我有一個菜單，當li被徘徊時滑出。問題在於，當我徘徊下一個li時，當新li開始滑出時，最初打開的li仍然試圖滑動。有重疊。有沒有一種方法可以延緩下一次李的滑動，直到前面的開放李完成滑動。歡呼聲

<div class="mainmenu"> 
    <ul class="dropDownMenu "> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Books</a> 
     <ul class="sub"> 
      <div class="boxwrapper"> 

$(this).find(".mainmenu .sub").hide(); 
$(".mainmenu ul li").hover(
function() {$(this).find(".sub").slideToggle(1000)}) 

Answer 1

像這樣：

$('.mainmenu ul li').hover(function(){ 
    $('.mainmenu ul.sub').slideUp(1000, function(){ 
    $(this).slideDown(1000); 
    }); 
});