jquery - jquery在点击方法中使用toggleClass（）添加或删除类

Question

嗨，我通过函数使用 jquery 创建了手风琴toggleClass函数。

我对这个案子的小提琴

在这里，当单击accordion类时，一个active类将添加到同一个类中，我在类中添加了一些样式以active显示子类。现在的问题是，如果我们单击accordion类或其子类的任何位置，手风琴就会切换，有什么问题吗？我的 JS

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

Answer 1

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

正如 RGraham 所说，它没有任何问题，它完全按照您的指示行事。如果您希望它仅在您单击标题时切换，那么您需要捕获标题上的事件，而不是整个手风琴 div。

Answer 2

你必须使用.parent()函数Jquery。

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

现场演示

Answer 3

试试这个：

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

或者

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

这是更新的演示