используя Bootstrap 3 и пытаясь настроить следующую структуру гармошки / коллапса:

Onload: Каждая панель аккордеона в группе полностью свернута и функционирует так, как задокументировано / ожидается.

Нажатие кнопки: каждая панель аккордеона раскрывается, и нажатие переключателей не оказывает никакого влияния (включая эффекты привязки URL).

Еще одно нажатие кнопки: все панели возвращаются в состояние загрузки; все свернуто и кликабельно, как обычно.

мы добрались до шага 2, но когда я снова нажимаю кнопку на шаге 3, это не имеет никакого эффекта. Я также не вижу сообщений об ошибках консоли в Chrome Dev Tools или при запуске кода через мой локальный JSHint.I '

Мне бы хотелось, чтобы этот цикл повторялся при каждом нажатии кнопки.

установил мой код здесьhttp://bootply.com/98140 и здесьhttp://jsfiddle.net/A9vCx/I»

я хотел бы знать, что яЯ делаю неправильно, и я ценю предложения. Спасибо!

Мой HTML:

Click to disable accordion behavior
<br><br>

  
    
      
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
          Collapsible Group Item #1
        </a>
      
    
    
      
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
      
    
  
  
    
      
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
          Collapsible Group Item #2
        </a>
      
    
    
      
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
      
    
  
  
    
      
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
          Collapsible Group Item #3
        </a>
      
    
    
      
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
      
    
  

Мой JS:

$(function() {

  var $active = true;

  $('.panel-title > a').click(function(e) {
    e.preventDefault();
  });

  $('.collapse-init').on('click', function() {
    if(!$active) {
      $active = true;
      $('.panel-title > a').attr('data-toggle', 'collapse');
      $('.panel-collapse').collapse({'toggle': true, 'parent': '#accordion'});
      $(this).html('Click to disable accordion behavior');
    } else {
      $active = false;
      $('.panel-collapse').collapse({'toggle': true, 'parent': '#accordion'});
      $('.panel-title > a').removeAttr('data-toggle');
      $(this).html('Click to enable accordion behavior');
    }
  });

});