Javascript 单击停止具有相同类的所有元素

我编写了这个绑定到按钮的函数，当单击按钮时，该按钮将切换类以提供下拉列表。唯一的问题是，我在同一页面上有多个按钮，它们具有相同的功能，单击其中一个按钮时都会触发：

非常感谢所有帮助：）

app.bind.DirectionDropdown=function（）{
$（'.direction button'）.bind（'click'，function（）{
$（'.direction下拉列表'）.toggleClass（'active'）；
});
};
。淡入{
可见性：隐藏；
不透明度：0；
转换：可见性0，不透明度.3，缓进缓出，所有.3，缓进缓出；
-webkit转换：可见性0，不透明度.3，缓进缓出，所有.3，缓进缓出；
-ms转换：可见性0，不透明度.3，缓进缓出，所有.3，缓进缓出；
-moz转换：可见性0，不透明度.3，缓进缓出，所有.3，缓进缓出；
}
.主动{
能见度：可见；
不透明度：1；
变换：平移（0,0）；
-webkit转换：转换（0,0）；
-moz变换：平移（0,0）；
-ms变换：平移（0,0）；
}

揭示这一点

揭示这一点

在回调中，您需要使用此按钮，而不是。方向按钮：

 $('.direction-button').bind('click', function(){

    $(this).toggleClass('active');

 });

$（“.direction button”）在回调中对整个DOM对象进行JQuery搜索。您需要使用此按钮而不是。direction button：

 $('.direction-button').bind('click', function(){

    $(this).toggleClass('active');

 });

$（“.direction button”）在整个DOM对象中进行JQuery搜索
您必须使用
this
关键字，并且只针对
方向按钮后面的
.direction下拉列表

$('.direction-button').on('click', function(){

    $(this).next('.direction-dropdown').toggleClass('active');

});

您必须使用
this
关键字，并且只针对
.direction按钮后面的
.direction下拉列表

$('.direction-button').on('click', function(){

    $(this).next('.direction-dropdown').toggleClass('active');

});

这是有道理的，但事件现在启动，什么也没有发生？你还有什么建议吗？@lucasjohnson-我所能做的就是测试它，它似乎工作得很好->是的，你是对的。它在我的文件中不起作用肯定有原因。这是有道理的，但事件现在激发，什么也没有发生？你还有什么建议吗？@lucasjohnson-我所能做的就是测试它，它似乎工作得很好->是的，你是对的。在我的文件中它不起作用肯定有原因。