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

Question

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

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

Answer 1

jquery.collapsible.jsAPI 附带一个方法toggle：

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

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

-通过提供的页面OP上的“插件方法”

模仿演示页面上的样式：

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

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

Answer 2

您需要设置一个变量，例如var open = false;. 每次点击一个链接，检查open是true还是false。现在您知道了，应该执行哪个操作 - Open all if !open， Cl​​ose all if open。不要忘记open = !open每次都改变值，这样动作也会改变。