Javascript jQuery单击打开一个下拉列表

在一个站点中，我有几个“下拉列表”，当你按下加号时，它们就会显示出来。我使用jQuery实现了这一点（请参见下面的代码），但是当按下按钮时，每个dorpdown都会打开。我如何才能只打开按下按钮的下拉列表（而不为每个按钮重新编写此代码）

html:

柔韧的
姓名：
柔韧的
尺寸：
2000 x 1600 x 1900毫米
材料：
红木粉
重量：
43公斤
当前位置：
安特卫普温克尔哈克设计中心Buzzkruit展览

您需要在菜单前保留加号：

<a href="#" class="menu-trigger">+</a>
<ul class="menu">
  <!-- Menu -->
</ul>
<a href="#" class="menu-trigger">+</a>
<ul class="menu">
  <!-- Menu -->
</ul>

请查看此处的代码片段：

$（函数（）{
$（“.menu trigger”）。单击（函数（）{
$（this）.next（“.menu”）.toggleClass（“open”）；//只选择下一个！
$（this.html（$（this.next（“.menu”）.hasClass（“打开”）？'-'：'+）；
返回false；
});
});
。菜单触发器{显示：块；宽度：3em；文本装饰：无；}
.菜单{显示：无；}
.menu.open{display:block；}


菜单1
菜单1
菜单1


菜单2
菜单2
菜单2
您需要在菜单前保留加号：

<a href="#" class="menu-trigger">+</a>
<ul class="menu">
  <!-- Menu -->
</ul>
<a href="#" class="menu-trigger">+</a>
<ul class="menu">
  <!-- Menu -->
</ul>

请查看此处的代码片段：


$（函数（）{
$（“.menu trigger”）。单击（函数（）{
$（this）.next（“.menu”）.toggleClass（“open”）；//只选择下一个！
$（this.html（$（this.next（“.menu”）.hasClass（“打开”）？'-'：'+）；
返回false；
});
});
。菜单触发器{显示：块；宽度：3em；文本装饰：无；}
.菜单{显示：无；}
.menu.open{display:block；}


菜单1
菜单1
菜单1


菜单2
菜单2
菜单2
也共享您的HTML代码。@PraveenKumar添加了HTML@PraveenKumar很抱歉回来。但是，是否还有一种快速的方法可以隐藏其他所有打开的下拉列表？@user3071261使用
$（.open”）.removeClass（“open”）@PraveenKumar执行此操作时，再次按“打开”按钮时，类将只打开，而不会关闭。“菜单触发”也将共享您的HTML代码。@PraveenKumar添加了HTML@PraveenKumar很抱歉回来。但是，是否还有一种快速的方法可以隐藏其他所有打开的下拉列表？@user3071261使用
$（.open”）.removeClass（“open”）@PraveenKumar当我这样做时，当再次按下“.menu-trigger”时，类将只打开，而不会关闭。欢迎！很高兴它有帮助<代码>:D
欢迎！很高兴它有帮助<代码>：D
<a href="#" class="menu-trigger">+</a>
<ul class="menu">
  <!-- Menu -->
</ul>
<a href="#" class="menu-trigger">+</a>
<ul class="menu">
  <!-- Menu -->
</ul>

$(".menu-trigger").click(function () {
  $(this).next(".menu").toggleClass("open"); // Selects only the next one!
});