jQuery 可折叠插件：如何切换全部打开/全部关闭答案

【问题标题】：jQuery Collapsible Plugin: How to toggle Open all/Close alljQuery 可折叠插件：如何切换全部打开/全部关闭
【发布时间】：2013-03-10 07:13:04
【问题描述】：

http://github.com/juven14/Collapsible http://www.snyderplace.com/demos/collapsible.html

我只想要一个链接切换，而不是“全部打开”和“全部关闭”这两个链接。

【问题讨论】：

标签： hyperlink toggle collapse jquery

【解决方案1】：

jquery.collapsible.js API 带有一个toggle 方法：

这些是插件中可用的方法：

cssClose - 关闭时分配的类
collapsed - 如果元素已折叠，则返回“true”
toggle - 切换可折叠状态
open - 打开一个可折叠的
close - 关闭一个可折叠的

-通过page OP provided上的“插件方法”

模仿演示页面上的样式：

function toggle() {
    $('.page_collapsible').collapsible('toggle');
}

$('#toggle').click(function(event) {
    event.preventDefault();
    toggle();
});

【讨论】：

过失！非常感谢！

【解决方案2】：

您需要设置一个变量，例如var open = false;。每次点击一个链接，检查open是true还是false。现在您知道了，应该执行哪个操作 - 如果!open，则打开所有，如果open，则关闭所有。不要忘记每次都改变open = !open的值，这样动作也会改变。

【讨论】：

我刚刚意识到，如果您手动单独打开所有部分然后单击“全部切换”，则此方法已达到极限。
是的，您必须在每次用户折叠或展开元素时检查情况，并且当所有元素具有相同的状态时，也要更改open。所以，couzzi 的回答要好得多。