По какой-то причине $('.panel-collapse').collapse({'toggle': true, 'parent': '#accordion'});, кажется, работает только в первый раз, и работает только для расширения разборного. (Я попытался начать с расширенного складного устройства, и он не рухнул.)

Это может быть что-то, что запускается один раз при первой инициализации collapse с этими параметрами.

Вам повезет больше, если вы воспользуетесь методами show и hide.

Вот пример:

$(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('hide');
      $(this).html('Click to disable accordion behavior');
    } else {
      $active = false;
      $('.panel-collapse').collapse('show');
      $('.panel-title > a').attr('data-toggle','');
      $(this).html('Click to enable accordion behavior');
    }
  });

});

http://bootply.com/98201

Обновить

Конечно, KyleMit, кажется, лучше меня справляется с этим. Я впечатлен его ответом и пониманием.

Я не понимаю, что происходит или почему show, казалось, в некоторых местах переключается.

Но после некоторого безделья ... Наконец-то пришло следующее решение:

$(function() {
  var transition = false;
  var $active = true;

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

  $('#accordion').on('show.bs.collapse',function(){
    if($active){
        $('#accordion .in').collapse('hide');
    }
  });

  $('#accordion').on('hidden.bs.collapse',function(){
    if(transition){
        transition = false;
        $('.panel-collapse').collapse('show');
    }
  });

  $('.collapse-init').on('click', function() {
    $('.collapse-init').prop('disabled','true');
    if(!$active) {
      $active = true;
      $('.panel-title > a').attr('data-toggle', 'collapse');
      $('.panel-collapse').collapse('hide');
      $(this).html('Click to disable accordion behavior');
    } else {
      $active = false;
      if($('.panel-collapse.in').length){
        transition = true;
        $('.panel-collapse.in').collapse('hide');       
      }
      else{
        $('.panel-collapse').collapse('show');
      }
      $('.panel-title > a').attr('data-toggle','');
      $(this).html('Click to enable accordion behavior');
    }
    setTimeout(function(){
        $('.collapse-init').prop('disabled','');
    },800);
  });
});

http://bootply.com/98239

Чтобы сохранить природу аккордеона нетронутой, когда вы хотите также использовать функции «скрыть» и «показать», такие как .collapse( 'hide' ), вы должны инициализировать складные панели с родительским свойством, установленным в объекте с помощью toggle: false, прежде чем делать какие-либо вызовы для «скрыть» или «показать».

// initialize collapsible panels
$('#accordion .collapse').collapse({
  toggle: false,
  parent: '#accordion'
});

// show panel one (will collapse others in accordion)
$( '#collapseOne' ).collapse( 'show' );

// show panel two (will collapse others in accordion)
$( '#collapseTwo' ).collapse( 'show' );

// hide panel two (will not collapse/expand others in accordion)
$( '#collapseTwo' ).collapse( 'hide' );

Лучшее и проверенное решение - поместить следующий небольшой фрагмент, который свернет вкладку аккордеона, которая уже открыта при загрузке. В моем случае была открыта последняя шестая вкладка, поэтому я свернул ее при загрузке страницы.

 $(document).ready(){
      $('#collapseSix').collapse("hide");
 }