切换 class 不要删除 class

Question

我正在尝试在菜单打开时让 article 添加 class。 所以，当点击按钮时，这将显示菜单和某些项目（article）应该得到 class padded，当我们再次按下按钮时，class padded 必须删除。

现在，它正在添加 class，但在再次单击按钮时不会将其删除

http://www.bootply.com/xcfWMYveNe

干杯

Answer 1

使用此 jQuery 方法称为“toggleClass”

$('.tab-pane.active').toggleClass("padded");

Answer 2

打错了，改了一点。

见this updated bootply

相关js：

  if ($('.tab-pane.active.padded').length > 0){
     $('.tab-pane.active').removeClass("padded");
  }else {
     $('.tab-pane.active').addClass("padded");
  };

Answer 3

只需这样做：

$('.navbar-toggle').click(function() {
  $('.data-holder .tab-pane.active').toggleClass("padded");
});