Jquery下拉菜单允许删除多个菜单

Question

这是jQuery代码

$(document).ready(function(){
    $("#menu li").hover(
        function(){
            $(this).children(":hidden").stop().slideDown();
        },
        function(){
            $(this).parent().find("ul").slideUp();
        }
    );
});

该菜单删除了一个无组织的html列表，该列表工作正常，不是问题。

当菜单删除隐藏列表时，它允许另一个下降发生而另一个仍在向上滑动。有没有办法阻止新列表滑下而另一个列表仍在向上滑动？

例如，如果您查看此网站导航菜单栏，它会显示我的意思，您不能看到另一个下拉，直到另一个返回。

orderstore.co.uk

这是问题所在：

我的问题的答案： http://jsfiddle.net/hSH7e/2/

Answer 1

您需要重置其他人，然后展开：

$(document).ready(function(){
    $("#menu li").hover(
        function(){
            if ($("#menu li").find("ul:visible").length)
            {
                curMenu = this;
                $("#menu li").find("ul:visible").slideUp(function(){
                    $(curMenu).children(":hidden").stop().slideDown();
                });
            }
            else
                $(this).children(":hidden").stop().slideDown();
        },
        function(){
            $(this).parent().find("ul").slideUp();
        }
    );
});

小提琴：http://jsfiddle.net/praveenscience/hSH7e/5/