jQuery 手风琴在加载时关闭

Question

如何在页面加载时关闭手风琴小部件？这是我正在使用的代码：

//Accordion
    $( ".accordion" ).accordion({
        autoHeight: false,
        navigation: true,
        collapsible: true,
        active: false
    });

另外，它可能不重要，但手风琴 div 位于对话框 div 内。

Answer 1

active 选项设置为 false 应该（根据 docs）导致菜单在页面加载时折叠（尽管它特别要求 collapsible: true （您已经拥有）。

如果这尚未位于 $(window).load() 或 $(document).ready() 中，则需要将其包装在其中之一中；它被如此包装然后没有演示（也许JS Fiddle，或JS Bin？）很难表明可能发生的情况或出现的问题。JavaScript

的其余部分（除了调用 .accordion() 正在执行吗？如果没有，可能会在某个地方出现 JS 错误。可能值得通过 JS Lint 运行它。 可以肯定。

Answer 2

索引值可以是布尔值或整数

<script language="javascript" type="text/javascript">
    $(function () {
        var activeIndex = parseInt($('#<%=AccordionIndexHidden.ClientID %>').val());
        if (activeIndex < 0) 
            activeIndex = false;
        $("#accordion").accordion({
            autoHeight: false,
            event: "mousedown",
            active: activeIndex,
            change: function (event, ui) {
                var index = $(this).children('h3').index(ui.newHeader);
                $('#<%=AccordionIndexHidden.ClientID %>').val(index);
            }
        });
    });


</script>

请记住从小于 0 的索引开始

    <asp:HiddenField ID="AccordionIndexHidden" runat="server" Value="-1" />

仅供参考，隐藏字段用于在回发之间保持打开的手风琴