menufolder.jsによるサイド・バーの折りたたみ
サイド・バーでのメニューの折りたたみ、サブ・カテゴリーの折りたたみ、月別アーカイブの折りたたみのカスタマイズです。併せて、カテゴリー及び月別アーカイブのツリー化を行っています。
使っているのは小粋空間さんが公開している menufolder.js です。但し、機能的には折りたたみの機能だけを使っておりmenufolder.jsの持つサブ・カテゴリーの折りたたみ機能、アーカイブ・リストの折りたたみ機能、リスト数表示機能は使っておりません。従ってそれらの機能はMovable Typeのテンプレート・タグ及び後述のpluginを使って実現しています。この方法だとアーカイブ類の折りたたみに限らずいろいろなケースに応用が効くと思います。
月別アーカイブのツリー表示でのテンプレート・タグを補強するため、MTArchiveDateHeader、ArchiveDateFooterのpluginが必要です。
尚、IE6ではpng画像が透過されないバグがありますので、その修正を行う必要から DD_belatedPNG.js を使っています。
メニューのスロー開閉については、先の記事「メニュー開閉スクリプトmenufolder.jsのjQueryによるスロー開閉」を参照ください。スロー開閉にはmenufolder.jsへのカスタマイズが必要ですので注意ください。
尚、本稿は既にjQueryが動いていることを前提としています。