Javascript 如何在多个按钮上分别切换每个按钮？

我有相同的按钮多次，每一个都有相同的工作，是隐藏和显示。点击该按钮后，我必须切换以下数据

<button type="button" class="pull-right btn menu">
    <span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
</button>
<ul class="downmenu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
</ul>

---

我的问题是，在点击任何按钮后，所有按钮都在工作。如何分别切换。我必须在每个按钮上切换下拉菜单ul列表，所以我怎么做

单击事件内的循环是冗余的。问题是

.downmenu

的全局选择器选择了该类的所有元素。解决方案是隔离元素

。单击按钮旁边的下拉菜单
：

$('.menu').click(function(){
    $(this).next('.downmenu').toggle('show');
});

单击事件内的循环是冗余的。问题是
.downmenu
的全局选择器选择了该类的所有元素。解决方案是隔离元素
。单击按钮旁边的下拉菜单
：

$('.menu').click(function(){
    $(this).next('.downmenu').toggle('show');
});

你只有一次
下菜单
每个按钮是什么意思？@Satpal我多次打开同一个按钮，我想分别在每个按钮上切换下菜单…你只有一次
下菜单
每个按钮是什么意思？@Satpal我多次打开同一个按钮，我想分别切换每个按钮上的下拉菜单…其中
“show”
记录为
toggle（）
的有效参数？其中
“show”
记录为
toggle（）
的有效参数？