Question

Boostrap折叠控件中的行为是只打开一个标签。因此，当我尝试展开一个选项卡时，打开的选项卡将关闭，新选项卡将打开。一切正常。

但是，有一种情况需要展开所有标签，以便我使用此代码展开所有标签：

Service called!
Last message

此代码关闭所有标签：

$('#openAllBtn').click(function (e) {
    e.preventDefault();

    $('#accordion .collapse').collapse('show');
});

问题在于，在使用该代码缩小所有选项卡后，控件的初始行为被破坏，现在当我展开另一个选项卡时，打开的选项卡不会关闭，可以扩展了多个标签。

我做错了什么？我想重新开始初始行为。

我的HTML：

$('#closeAllBtn').click(function (e) {
    e.preventDefault();

    $('#accordion .collapse').collapse('hide');
});

Answer 1

我想你想这样做..

$('.open-all').click(function(){
  $('.panel-collapse').removeData('bs.collapse')
  .collapse({parent:false, toggle:false})
  .collapse('show')
  .removeData('bs.collapse')
  .collapse({parent:'#accordion', toggle:false});
});

http://www.codeply.com/go/03TTywsINc

扩展所有选项卡后Bootstrap折叠中断

1 个答案: