如何在多個按鈕上單獨切換每個按鈕？

Question

我有多個相同的按鈕，每個人都有相同的隱藏和顯示工作。我不得不切換該按鈕

<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> 

和JS代碼後點擊下面的數據是

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

我的問題是，點擊任意按鈕後，所有按鈕都在工作。如何分別切換每個。我必須在每個按鈕上切換下拉列表，所以我該怎麼做？

Answer 1

點擊事件中的循環是多餘的。問題是.downmenu的全局選擇器，它選擇了具有該類的所有元素。解決方案是隔離點擊按鈕旁邊的元素.downmenu：

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