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);
  });
});