Question

我做过研究，据我所知，数据目标是我需要关闭div，如果另一个打开。换句话说，我需要一次打开一个div。但我想我无法做到这一点，或者无法理解如何一次打开一支手风琴。这是我的code

 <a role="button" 
 data-toggle="collapse" 
 data-parent="#accordion" 
 href="#collapseOne" 
 aria-expanded="true"
 aria-controls="collapseOne">

Answer 1

您可以使用Bootstrap Collapse API来监视show.bs.collapse事件触发器触发，然后使用collapse('hide')方法关闭其他折叠元素。代码如下：

$(document).ready(function(){
  var $panels = $('.panel-collapse');

  $panels.on('show.bs.collapse', function(){
    $panels.not(this).collapse('hide');
  });
});

这是一个更新的codepen，还有一些更新的HTML。

注意，我建议永远不要在另一个row内直接使用row，根本不需要它，并且可能会产生网格问题。此外，您可能不需要尽可能多的container类，只需让包装容器有效地包含内容即可。

希望这有帮助！

手风琴没有关闭其他开放的div

1 个答案: