on:2014年9月25日sponsorsh2の見出し、コンテンツ(テキストや画像)、h2の見出し、コンテンツ(テキストや画像)、、、と実装されたシンプルなHTMLをアニメーションで開閉するアコーディオンにするjQueryのプラグインを紹介します。↓上の赤いボタンは切替で、見出し付きのコンテンツをアコーディオンにしています。another」が見出しです。Accordionのデモスクリプトのコンセプトは、WordPressなどのCMSで簡単に利用できるようシンプルなコードからアコーディオンが生成できるよう設計されています。デモは上部に切替ボタンがあり、見出し付きコンテンツの状態、それをアコーディオンにした状態を切り替えることができます。外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。HTML見出しとコンテンツが1セットで、それらをdivなどのラッパーで包みます。いったHTMLであれば、CMSでも無問題でしょう。JavaScriptラッパーをjQueryのセレクタで指定し、スクリプトを実行します。アコーディオンに利用する見出し(h2)や開閉のアニメーションなどは変更できます。200});カラーやサイズなどを変更する場合は、bobyClassとheadClassとactiveClassでアコーディオンのエレメントのclassを定義できるので、スタイルシートで簡単に変更することができます。