在jquery下拉菜单

时间:2016-09-15 22:58:56

标签: javascript jquery html css

我有一个菜单,当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)})

1 个答案:

答案 0 :(得分:1)

像这样:

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