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

Question

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

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

Answer 1

jquery.collapsible.js API附带toggle方法：

  

这些是插件提供的方法：

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

  <{3}}

上的

-Via“插件方法”

模仿演示页面上的样式：

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

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

Answer 2

您需要设置变量，例如var open = false;。 每次点击一个链接，检查open是true还是false。现在你知道了，应该采取哪种行动 - 如果是!open则全部打开，如果open则全部关闭。 不要忘记每次更改值open = !open，以便操作也会更改。