Question

我正在与bootstrap中的崩溃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/

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

1 个答案: