JQUERY UI Accordion 开始折叠答案

【问题标题】：JQUERY UI Accordion start collapsedJQUERY UI Accordion 开始折叠
【发布时间】：2011-12-18 08:48:52
【问题描述】：

如何让 jquery UI 手风琴在表单加载时开始折叠。有这方面的javascript代码吗？

【问题讨论】：

标签： jquery accordion jquery-ui-accordion

【解决方案1】：

在您的选项中指定：

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

请参阅active 的文档。

【讨论】：

今天仍在使用 JQuery 1.4.4，尽管 Visual Studio 2010 在 IE 8 上抛出 JScript 错误（UI 中没有错误）

【解决方案2】：

我试图做同样的事情。使用 Jquery UI 选项卡。当您开始时，我不希望显示 5 个选项卡。

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

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

在风格上

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

【讨论】：

【解决方案3】：

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

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

    });

【讨论】：

【解决方案4】：

要完成answer of topex，对于 Jquery UI 1.10.3，我必须在“活动”选项之前设置“可折叠”选项。

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

见documentation

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

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

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

heightStyle: "content",

因此，每个面板的高度仅与其内容一样高。

【讨论】：

【解决方案7】：

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

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

如果您只是删除“in”，它会在页面加载时关闭面板。

【讨论】：