Jquery 从引导折叠插件添加/删除（在）活动类'；标题

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

---

这里是jsiddle：不要介意崩溃不起作用，这对我来说是起作用的，并且错误地复制到了jsiddle中。

我想你正在寻找类似的东西。对不起，不太好看：

$(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');
 }
});
});

---

更新的fiddle:

使用下面的代码运气好吗？