по какой причине $('.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");
 }