在 jQuery Accordion 中的页面加载时折叠手风琴中的所有部分答案

【问题标题】：Collapse all sections in accordion on page load in jQuery Accordion在 jQuery Accordion 中的页面加载时折叠手风琴中的所有部分
【发布时间】：2018-12-28 11:18:52
【问题描述】：

我正在使用 JQuery Accordion，我想隐藏页面加载时的所有部分。只有当用户点击标题时，该部分才会打开。

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

在初始化手风琴时在文档准备函数中使用它：

$("#someid").accordion({collapsible : true, active : 'none'});

【讨论】：

谢谢！...只是像我这样的 n00bs 的注释，只需像这样添加到当前手风琴标签： $("#accordion").accordion({ header: "h3", collapsible ：真实的，活跃的：'无'}）；

【解决方案2】：

active : 'none' 是一个无效值，它可能看起来在表面上工作，但会破坏手风琴小部件的其他方面。改用这个：

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

【讨论】：

关于active选项的API文档：api.jqueryui.com/accordion/#option-active

【解决方案3】：

应该这样做。但是，如果您正在遍历一个列表（在我的例子中，它的 MVC 按列表分组）确保折叠类在循环之外以大大加快它的速度。

$('.collapse').parent().find(".glyphicon-minus").removeClass("glyphicon-minus")
     .addClass("glyphicon-plus").css('color', 'green');

$('.collapse').collapse('hide');

【讨论】：

【解决方案4】：

通过 url 参数可以展开特定的选项卡或全部折叠，用于折叠所有用途：

 $("#accordion").accordion('option', 'active' , 'null');

用于扩展特定用途：

$("#accordion").accordion('option', 'active' , <?php if($_GET['tab']!='')echo $_GET['tab'];else echo 'null'; ?>);

【讨论】：