自举手风琴:超崩溃关闭时应关闭次崩溃
提问于 2019-03-12 08:27:48
<div id="accordion">
<a role="button" data-parent="#accordion" href="#supercollapse1"> ITEM1 </a>
<div id="supercollapse1">
<a role="button" data-toggle="collapse" href="#subcollapse1" onclick=updateContent()> SUBITEM1 </a>
<div id="subcollapse1">
CONTENT
</div>
</div>
<a role="button" data-parent="#accordion" href="#superollapse2"> ITEM2 </a>
<div id="supercollapse2">
<a role="button" data-toggle="collapse" href="#subcollapse2" onclick=updateContent()> SUBITEM2 </a>
<div id="subcollapse2">
CONTENT
</div>
</div>
</div>，当我打开supercollapse1，然后是subcollapse1，然后是supercollapse2，supercollapse1和subcollapse1一起结束，supercollapse2打开。然后我打开supercollapse1 - supercollapse2关闭，supercollapse1和subcollapse1一起打开。
我想要实现的当supercollapse1和subcollapse1打开时，打开supercollapse2，supercollapse1和subcollapse1一起关闭，这样subcollapse1就不会显示supercollapse1何时再次打开。
动机所有的子折叠都共享每次打开时生成的一个内容项。因此，当我已经打开subcollapse1时，然后打开subcollapse2并返回到subcollapse1 --它已经打开了，并且没有生成内容。
试着尽可能清楚。无意冒犯伪善的例子。
干杯
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-12 09:09:14
如果我说得对，关闭level1手风琴应该关闭level1手风琴内部的level2手风琴。
看看这把小提琴：https://jsfiddle.net/459nzh32/
诀窍是侦听隐藏事件的level1手风琴，然后找到它的子节点并关闭它们，下面是jquery的一个例子：
$('.level1').on('hidden.bs.collapse', function () {
$(this).find('.level2').collapse('hide');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55126364
复制
腾讯云开发者
