jquery在单击方法中使用toggleClass()添加或删除类

jquery在单击方法中使用toggleClass()添加或删除类,jquery,Jquery,您好,我通过toggleClass函数使用jquery创建了手风琴函数 $('.title').on('click', function() { $(this).parent().toggleClass('active'); }); 我的 在这里单击accordionclass aactiveclass将添加到同一个类中,我在active类中添加了一些样式,用于显示子类。现在的问题是,如果我们单击accordion类或其子类的任何位置,手风琴就会切换? 我的JS 正如RGraham所

您好,我通过
toggleClass
函数使用jquery创建了手风琴函数

$('.title').on('click', function() {
    $(this).parent().toggleClass('active'); 
});
我的

在这里单击
accordion
class a
active
class将添加到同一个类中,我在
active
类中添加了一些样式,用于显示子类。现在的问题是,如果我们单击
accordion
类或其子类的任何位置,手风琴就会切换? 我的JS

正如RGraham所说,它没有什么问题,它完全按照你的吩咐去做。如果只想在单击标题时切换,则需要捕捉标题上的事件,而不是整个手风琴div


正如RGraham所说,它没有什么问题,它完全按照你的吩咐去做。如果只想在单击标题时切换,则需要捕捉标题上的事件,而不是整个手风琴分区。

必须使用
Jquery
函数的
.parent()

$('.title').on('click', function() {
    $(this).parent().toggleClass('active'); 
});

您必须使用
Jquery
函数的
.parent()

$('.title').on('click', function() {
    $(this).parent().toggleClass('active'); 
});

试试这个:

   $('.accordion > a.title').on('click', function() {
       $(this).parent().toggleClass('active'); 
   });

此处已更新

请尝试以下操作:

   $('.accordion > a.title').on('click', function() {
       $(this).parent().toggleClass('active'); 
   });


这里更新了

它没有问题,jQuery(和Javascript)就是这样工作的。如果您不希望它发生在
.accordion
,请对您的选择更加具体,或者它没有问题,这就是jQuery(和Javascript)的工作方式。如果您不希望它发生在
.accordion
上,请更具体地使用选择器