Javascript jQuery下拉队列构建

我用jQuery创建了一个下拉列表，单击顶部的预览按钮可以在这里看到：

var open_submenu = null;

$(function(){
  $('.dropdown').hover(function(){

    // hide all previous submenus and fix queue buildup problem
    $('.sublinks').stop(false, true).hide();

    // get corresponding submenus
    var submenu = $(this).parent().next();

    $(this).parent().nextAll().stop();

    $(submenu).css({
      top: $(this).offset().top + $(this).height() + 4 + 'px',
      left: $(this).offset().left + 'px',
      zIndex:10000
    });

    // show the submenu
    $(submenu).stop().slideDown(300);

    open_submenu = submenu;

    submenu.hover(function(){}, function(){
      $(this).slideUp(300);
    });
  }, function(){});
});

除了一个问题外，它工作正常。当我快速悬停在主悬停链接（蓝色链接）上时，例如水平移动快速悬停每个顶部菜单，一些子菜单不会关闭。我如何使它，即使我悬停在他们快速所有其他子菜单关闭

编辑 我看到这个有用的链接使用了一些方法来避免这种情况，但是有一些问题，如何将其应用到我的案例中

---

在此处修复它：

我不知道为什么我的改变没有反映在上面的链接中

看到了吗

---

我没有使用

stop

方法

太好了，最后我自己解决了问题：

我所做的只是修改了行：

$('.sublinks').hide();

到

stop

停止了以前子菜单的动画。您可以在上看到它的文档

请参见此处的固定版本：

---

@Rakesh:谢谢，但问题仍然存在，请尝试快速从菜单1悬停到菜单5，上一标题的子菜单不会关闭。我也没有看到代码有任何变化，不知道你在那里做了什么变化？

$('.sublinks').stop(false, true).hide();