hyperlink - jQuery折りたたみプラグイン：すべて開く/すべて閉じるを切り替える方法

Question

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

「すべて開く」と「すべて閉じる」の2つのリンクの代わりに、1つのリンクだけを切り替えます。

Answer 1

jquery.collapsible.jsAPI には次のメソッドが付属していますtoggle。

プラグインから利用できるメソッドは次のとおりです。

• cssClose - 閉じたときに割り当てられるクラス
• collapsed - 要素が折りたたまれている場合は「true」を返します
• toggle - 折りたたみ可能な状態を切り替えます
• open - 折りたたみ可能なものを開く
• close - 折りたたみ可能なものを閉じる

-OP提供ページの「プラグインメソッド」経由

デモ ページにあるスタイルを模倣する:

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

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

Answer 2

のような変数を設定する必要がありますvar open = false;。1 つのリンクがクリックされるたびに、 が であるかopenであるtrueかを確認しますfalse。これで、どのアクションが来るかわかりました - の場合はすべて開き、 の場合!openはすべて閉じますopen。open = !openアクションも変わるように、毎回値を変更することを忘れないでください。