Javascript 如果父手风琴已关闭，如何关闭子手风琴？

我有一个工作的父/子手风琴div设置的以下代码

    <div class="accordion">
        <h3>Part 1</h3>
        <div class="accordion">
            <h3>Sub-Div1</h3>
            <div>
                <p>This is a sub-div</p>
            </div>
        </div>

        <h3>Part 2</h3>
        <div>
            <p>This is part 2</p>
        </div>
    </div>

第一部分
分部1
这是一个小队

第二部分
这是第二部分

剧本呢

<script>
        $(".accordion").accordion({
            header: "> h3",
            heightStyle: "content",
            active: false,
            collapsible: true
        });
    </script>

$（“手风琴”）。手风琴({
标题：“>h3”，
高度样式：“内容”，
活动：错误，
可折叠：正确
});

我的问题是，当家长关闭时，如何让孩子关闭手风琴

e、 g.当手风琴的第一个选项打开且其子项打开时，单击第二个选项将关闭第一个选项。但是，当第一个窗口再次打开时，子窗口仍然从以前打开

---

提前感谢。

您可以使用手风琴小部件的

激活功能：

 $(".accordion").accordion({
     header: "> h3",
     heightStyle: "content",
     active: false,
     collapsible: true,
     activate: function( event, ui ) {      
         if(ui.oldPanel.hasClass('accordion')){                   
             ui.oldPanel.accordion( "option", "active", false );
         }
     }
});


参考资料：


查看和。将这些选项与正确的选择器结合起来，应该可以让您完成所需的操作。请注意不要只使用
单击
。例如，如果您四处移动并使用空间打开/关闭手风琴，它将无法按预期工作。这就是为什么我建议使用
activate
事件来代替。是的，你是对的，我找到了一个更漂亮的解决方案。