的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，以便動作也改變。