Question

我有一个工作的父/子手风琴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>

和剧本

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

我的问题是，当父母关闭时，如何让儿童手风琴关闭？

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

提前致谢。

Answer 1

您可以使用accordion-widget的activate - 函数：

 $(".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 );
         }
     }
});

<强> DEMO

<强>参考：

active-option

activate-function

如果父母关闭，如何关闭儿童手风琴？

1 个答案: