javascript - Jquery Drop Down Menu 允许下拉多个菜单

Question

这是 jQuery 代码

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

菜单会掉落一个无组织的 html 列表，该列表工作正常并且不是问题。

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

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

orderstore.co.uk

问题是:

我的问题的 Jsfiddle: 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();
        }
    );
});

fiddle :http://jsfiddle.net/praveenscience/hSH7e/5/