jquery - 单击打开另一个下拉菜单时关闭打开的下拉菜单

Question

我有以下 javascript，通过在单击导航中的链接时添加“dropped”类来打开下拉菜单。

$("li.dropdown-control > a").click( function () {
          var nextSibling = $(this).next();
              nextSibling.toggleClass("dropped");  
 });

我的问题是，当一个下拉列表打开时，当您单击打开另一个下拉列表时，它不会关闭。如何找到打开的下拉菜单并在打开另一个下拉菜单时将其关闭？

Answer 1

在切换您想要打开的类之前，您不能删除所有已删除的类吗:

例如:

$("li.dropdown-control > a").click( function () {
          $('.dropped').removeClass('dropped');
          var nextSibling = $(this).next();
              nextSibling.addClass("dropped");  
 });