简单地将 class 添加到切换 div 的 link

Question

我的问题添加和修改以前问过的问题：jquery hide all open divs and toggle

最终答案完全符合我的要求，但是当我尝试将活动 class 添加到 link 时，函数停止运行。

如何将 class 添加并激活到 link 中，该 div 显示的是特定的 div？

$('.stackedTabs a').on('click', function(event) {
    event.preventDefault();
    $('div.itemContent').hide().filter('div.' + this.className).show();
    $(this).removeClass('active').filter(this).removeClass('active');
});

Answer 1

您实际上是在尝试创建一种方法来切换是否具有活动 class。这是一种方法。

但是，这是一个高度可搜索的问题，很容易找到。

$('.stackedTabs a').on('click', function(event) {
    $('.active').not($(this)).removeClass('active');
    $(this).toggleClass('active');
    event.stopPropagation();
  });
}

简单地将 class 添加到切换 div 的 link

Simple add class to the link of toggled div

jquery

html

css

addclass