我正在使用Bootstrap来制作可折叠的嵌套div /按钮.我想在展开时折叠div的所有兄弟,并在折叠时折叠div的所有子节点(这样扩展的div只是从一个根div到内部div的一条路径).
我选择使用jQuery而不是使用Bootstrap的Accordion - 只是带有相关div的按钮.
所以我尝试选择所有可以扩展的div并使用show.bs.collapse事件,以便我知道哪个div被扩展了.
$(function () {
$(".collapse").on('show.bs.collapse', function () {
console.log ($(this).context.id);
})
});
Run Code Online (Sandbox Code Playgroud)
如果我的树是这样的:
1 - 扩大
2 - 扩大
4 - 崩溃了
5 - 崩溃了
6 - 崩溃了
我扩展3,我没有得到:
3
Run Code Online (Sandbox Code Playgroud)
但:
3
2
1
Run Code Online (Sandbox Code Playgroud)
为什么将show.bs.collapse应用于div 1和2?