切换课程不要删除课程

Question

我正在尝试在菜单打开时让article添加一个类。 因此，当点击该按钮时，这将显示菜单以及某个项目（article）应该获得课程padded，当我们再次按下该按钮时，课程padded必须删除。

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

http://www.bootply.com/xcfWMYveNe

干杯

Answer 1

使用这个名为＆＃34; toggleClass ＆＃34;

的jQuery方法

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

Answer 2

这样做：

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

Answer 3

有一个拼写错误，我改变了一点。

请参阅this updated bootply

相关的js：

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