BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQueryアコーディオンプラグインです。アニメーションやコールバックなど、シンプルながらもいろんなカスタマイズを施すことが可能です。
BeefUp
以下、BeefUpの実際のデモページです。
デモではベーシックなタイプのものからフェードアニメーションで表示・非表示するもの、アコーディオンを展開した時にスクロールするもの、コールバックによりオープン時とクローズ時でボーダーカラーを変更するものなど、さまざまな種類のアコーディオンを見ることができます。
ほかにも、タブ化させたりドロップダウンにしたりといろんなセッティングが可能です。
デモはレスポンシブにも対応しているので、ブラウザの横サイズを変更してもそれに合わせて可変します。
シンプルながらも柔軟性がありカスタマイズ性にも優れているのがいいですね。
オプションも豊富で、アニメーションの指定やオープン／クローズ時のスピード調整、スクロールの有無、スクロールスピードの設定など、好みに合わせたカスタマイズができます。
また、コールバック関数にはonInit、onOpen、onClose、onScrollといったものが用意されています。
というわけで、多彩なカスタマイズができるシンプルなアコーディオンを実装したい人は、ぜひ「BeefUp」をチェックしてみてください。BeefUpの具体的な実装方法やダウンロードは、以下のページからどうぞ。
