多个CSS&单击另一个后,基于jQuery的下拉菜单保持打开状态

时间:2011-10-31 08:09:10

标签: jquery drop-down-menu menu

我在一个页面上设置了多个基于jQuery的下拉菜单,基于以下教程:http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

我现在在几个地方修改了代码,我提出了以下解决方案:http://jsfiddle.net/NcNHf/2/

它工作得很好,但我正在寻找一种方法来关闭其他下拉菜单,当我点击另一个时,它仍然是打开的。

那么我怎样才能确保始终只能在页面上激活一个下拉菜单?

提前致谢!

1 个答案:

答案 0 :(得分:1)

您可以选择所有下拉列表并过滤掉当前值,然后将其全部隐藏起来。

$(".dropdown > dt a").click(function (e) {
    var $ul = $(this).parent().next().find('> ul').toggle();
    $('.dropdown ul').not($ul).hide();
    e.preventDefault();
});

Working example