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

Question

我有一個菜單，當 li 懸停時它會滑出。 問題是，當我懸停下一個 li 時，當新 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);
  });
});