如何在多个按钮上单独切换每个按钮？

Question

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

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

和js代码是

mapping do
  indexes :title
  indexes :views_count, type: 'integer'
  indexes :created_time, type: 'date'
end

我的问题是，点击任何按钮后所有按钮都正常工作。如何分别切换每个。我必须在每个按钮上切换downmenu ul列表，这样我该怎么办？

Answer 1

click事件中的循环是多余的。问题是.downmenu的全局选择器，它选择具有该类的所有元素。解决方案是隔离单击按钮旁边的元素.downmenu：

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