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

Question

我用toggleClass函数使用jquery创建了accordion函数。

我的fiddle for this case

在点击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'); 
});

<强> Live Demo

Answer 3

试试这个：

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

或

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

此处已更新Demo