的jQuery插件可折叠：如何切换打开所有/关闭所有

Question

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

取而代之的是两个环节的“全部打开”和“关闭所有”我想只有一个链接切换。

Answer 1

的jquery.collapsible.js API配备了toggle方法：

这些都可以从该插件的方法：

• cssClose - 当关闭
• 倒塌分配类 - 返回“true 'if element is collapsed
• toggle - 切换折叠IBLE状态
• 开放 - 打开一个可折叠
• 关闭 - 关闭一个可折叠

-via “插件方法” 的page OP provided

模仿风格的演示页上找到：

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，以便动作也改变。