jQuery嵌套手风琴没有完全打开：

Question

任何人都可以帮助我解决以下问题：

问题：

我的代码：

    $(document).ready(function () {
        $(function () {
            $('.additionalInfoAccordion').accordion({
                active: false,
                autoHeight: false,
                collapsible: true
            });
        });
    });

我的divs：

    <div class="additionalInfoAccordion">
        <h3>Extra informatie</h3>
        <div>

            <div class="additionalInfoAccordion">
                <h3>Intern commentaar</h3>
                <div>
                    <p>
                        Internal comment:
                    <asp:TextBox ID="txtInternalComment" TextMode="MultiLine" runat="server"></asp:TextBox>
                    </p>
                </div>
            </div>
            <div class="additionalInfoAccordion">
                <h3>Extern commentaar</h3>
                <div>
                    <p>
                        Externe comment:
                    <asp:TextBox ID="txtExternalComment" TextMode="MultiLine" runat="server"></asp:TextBox>
                    </p>
                </div>
            </div>
            <div class="additionalInfoAccordion">
                <h3>Ontwikkeling</h3>
                <div>
                    <p>
                        DevStartDate:
                <asp:TextBox ID="txtDevStartDate" runat="server"></asp:TextBox>
                    </p>
                    <p>
                        DevEndDate:
                <asp:TextBox ID="txtDevEndDate" runat="server"></asp:TextBox>
                    </p>
                    <p>
                        Ontwikkeltijd:
                <asp:TextBox ID="txtDevTime" runat="server"></asp:TextBox>
                    </p>
                    <p>
                        Versie:
                <asp:TextBox ID="txtReleaseVersion" runat="server"></asp:TextBox>
                    </p>
                </div>
            </div>
            <p></p>
        </div>
    </div>

手风琴现在没有进一步打开，我怎么告诉jQuery在“最大范围”打开它们？我希望有人可以帮助我。提前谢谢。

Answer 1

$('.additionalInfoAccordion').accordion({

  active: false,
  heightStyle: "content",
  collapsible: true

});