jquery - 从 Bootstrap Collapse 插件的标题中添加/删除（in）活动类

Question

我正在与引导程序中的崩溃 JS 搏斗。在我的网站上，我想使用折叠来显示一些内容。我希望，每当用户单击标题以将“活动”类应用于它时。它已经从“非活动”类开始。因此，当您单击它时，它会从非活动状态变为活动状态。另一方面，当您重新单击同一标题时，它应该也变回非活动状态。这不是它现在所做的。

这是 JSfiddle： http: //jsfiddle.net/Malachute/tZeT8/1/ 不要介意崩溃不起作用，这对我来说是有效的，并且错误地复制到了 JSfiddle。

Answer 1

我想你正在寻找这样的东西。对不起，它不漂亮：

$(function(){
var sidebar = $('.accordion-heading');  // cache sidebar to a variable for performance

sidebar.delegate('.accordion-toggle','click',function(){ 
  if($(this).hasClass('active')){
    $(this).removeClass('active');
   $(this).addClass('inactive');
 }else{
  sidebar.find('.active').addClass('inactive');          
  sidebar.find('.active').removeClass('active');   
  $(this).removeClass('inactive');
  $(this).addClass('active');
 }
});
});

更新小提琴：http: //jsfiddle.net/ckaufman/tZeT8/2/