我在一个页面上设置了多个基于jQuery的下拉菜单,基于以下教程:http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx。
我现在在几个地方修改了代码,我提出了以下解决方案:http://jsfiddle.net/NcNHf/2/。
它工作得很好,但我正在寻找一种方法来关闭其他下拉菜单,当我点击另一个时,它仍然是打开的。
那么我怎样才能确保始终只能在页面上激活一个下拉菜单?
提前致谢!
答案 0 :(得分:1)
您可以选择所有下拉列表并过滤掉当前值,然后将其全部隐藏起来。
$(".dropdown > dt a").click(function (e) {
var $ul = $(this).parent().next().find('> ul').toggle();
$('.dropdown ul').not($ul).hide();
e.preventDefault();
});