タグ「メニューの折りたたみ」 の検索結果(1/1)

2013年3月13日 (水曜日)

menufolder.jsによるサイド・バーの折りたたみ

サイド・バーでのメニューの折りたたみ、サブ・カテゴリーの折りたたみ、月別アーカイブの折りたたみのカスタマイズです。併せて、カテゴリー及び月別アーカイブのツリー化を行っています。

使っているのは小粋空間さんが公開している menufolder.js です。但し、機能的には折りたたみの機能だけを使っておりmenufolder.jsの持つサブ・カテゴリーの折りたたみ機能、アーカイブ・リストの折りたたみ機能、リスト数表示機能は使っておりません。従ってそれらの機能はMovable Typeのテンプレート・タグ及び後述のpluginを使って実現しています。この方法だとアーカイブ類の折りたたみに限らずいろいろなケースに応用が効くと思います。

月別アーカイブのツリー表示でのテンプレート・タグを補強するため、MTArchiveDateHeader、ArchiveDateFooterのpluginが必要です。
尚、IE6ではpng画像が透過されないバグがありますので、その修正を行う必要から DD_belatedPNG.js を使っています。

メニューのスロー開閉については、先の記事「メニュー開閉スクリプトmenufolder.jsのjQueryによるスロー開閉」を参照ください。スロー開閉にはmenufolder.jsへのカスタマイズが必要ですので注意ください。

尚、本稿は既にjQueryが動いていることを前提としています。

続きを読む・続きの写真を見る "menufolder.jsによるサイド・バーの折りたたみ"