Question

如何在表单加载时使jquery UI手风琴开始折叠。这是否有任何javascript代码？

Answer 1

在您的选项中指定：

{
  ...
  active: false,
  collapsible: true,
  ...
}

请参阅active的文档。

Answer 2

我试图做同样的事情。使用Jquery UI选项卡。当你开始时我想要没有显示5个标签。

使用active：false显示第5个标签内容。所以我设置标签CSS显示：none;因为它在线改变显示。希望这有助于某人！

<script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});

以风格

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}

Answer 3

我使用了这段代码，因为我使用的是Dreamweaver Widget，Topek的代码对我不起作用希望这有帮助，

jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });

Answer 4

要完成answer of topex，使用Jquery UI 1.10.3我必须在'active'之前设置'collapsible'选项。

$( ".accordion" ).accordion("option", { 
    collapsible: true,
    active: false
});

请参阅documentation

Answer 5

如果您正在使用所见即所得“属性”并且编码混淆，请尝试在“活动”框中输入一个比您的章节列表多一个的数字。我有12个部分，并在那里放“13”，它对我有用。

Answer 6

如果您在代码中查看面板组的开头，请查找此

<div id="collapseOne1" class="panel-collapse collapse in">

如果你只是删除＆＃34; in＆＃34;它在页面加载时关闭面板。

Answer 7

如果您使用默认的jquery手风琴，它始终会显示第一个面板内容，您可以使用active: false属性将其禁用。

jQuery(document).ready(function() {
    jQuery( "#accordion" ).accordion({
      collapsible: true,
      active: false,
    });
});

但它的默认行为是将所有面板设置为最高面板的高度。所以，为此你必须添加"heightStyle"属性。

heightStyle: "content",

因此，每个小组的内容都与其内容一样高。

JQUERY UI Accordion开始崩溃

7 个答案: