jQaccordion プラグイン

　JavaScriptライブラリjQueryのプラグインであるAccordion Content scriptを用いたFreeStyleWiki用のプラグイン。
　ダウンロードはこちらから。
　
　アコーディオン・メニューを表示するプラグインです。本サイトの左側に表示されている、Menuのページに記載してあります。
　Menuのページのソースは以下の通り。

{{jqaccordion}}
{{div_begin class="acdn_header"}}
!!!Topic
{{div_end}}
{{div_begin class="acdn_content"}}
*テクノ名盤200＋α
*洋楽オルタナティヴ・ミュージック・ベスト100
*THE BEST OF AMBIENT WORKS 1978-2008
*アメトーーク！昭和アニメソング芸人
*「タモリ倶楽部『台所で飲む』」の料理
*You Tune YouTube 352 VIDEOS!!
*YouTube 120 A NEW POINT OF VIEW
*jQueryを利用したプラグイン
*加藤愛
{{div_end}}
{{div_begin class="acdn_header"}}
!!!Recent
{{div_end}}
{{div_begin class="acdn_content"}}
{{outlinecalendar 日記,7}}
{{div_end}}
{{div_begin class="acdn_header"}}
!!!Category
{{div_end}}
{{div_begin class="acdn_content"}}
{{category_menu}}
{{div_end}}
　
{{include_html あわせて読みたい}}
{{jqaccordion end}}

　プラグインの作りがイマイチで、かなりダサい書き方をしなければなりませんが、

• アコーディオン・メニューの開始位置（ページ最上部）に、{{jqaccordion}} を記載する。
• 終了位置（ページ最下部）に、{{jqaccordion end}} を記載する。
  • メニュー全体を、両者で挟み込むようにする。
• アコーディオン・メニューのヘッダーを、{{div_begin class="acdn_header"}} と、{{div_end}} で挟み込むように記載する。
• アコーディオン・メニューの内容を、{{div_begin class="acdn_content"}} と、{{div_end}} で挟み込むように記載する。

といった感じになります。

参考および関連情報

• Accordion Content script
  • jQaccordion プラグインで利用しています。ありがとうございます。
• FreeStyleWikiの本家のサイトの装飾用HTMLタグプラグイン
  • 装飾用HTMLタグプラグインに含まれる、div_begin、div_endを用いて、アコーディオン・メニューのヘッダ、および内容を示すマークアップを行っています。ありがとうございます。

宿題

• もう少しましな書き方ができるようにしたい。
• jQuery UIの、Accordionを使うことも考えたのですが、どうもうまくいかず……。