Question

我是jQuery的新手，所以也许这是一个简单的问题，但到目前为止我还没有找到一个好的答案。也许我甚至找不到合适的关键词来搜索......

点击列表项我会显示一个下拉菜单，其中包含以下功能：

$("li.dropdown").click(function(){
    $('.dropdown-menu',this).css("display","block");
});

工作正常，但下拉保持不变。现在我希望下拉菜单再次隐藏，当我

a）点击另一个li.dropdown（然后必须出现新的下拉菜单）要么 b）点击页面上的其他地方

当我点击页面上的其他地方而不是li.dropdown时，我得到了它的工作，但是当我点击另一个li.dropdown时（分别它没有显示新点击的li的“新”下拉菜单）

提前致谢！

Answer 1

首先，您需要使用hide()和show()

$('.dropdown-menu',this).css("display","block");与$('.dropdown-menu',this).show();相同，因为它会将所选元素还原为上一个显示类型。因此，如果你的元素设置为显示：在.hide（）之前显示：inline-block，那么当你.show（）它时它会再次设置为。

了解您的需求。我们需要一个jsFiddle来准确告诉你的目标。在你这样做之前，没有人能够准确地回答这个问题。

jQuery - 单击其他列表项时隐藏下拉列表

1 个答案: