BeefUp

JavaScript

多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQueryアコーディオンプラグインです。アニメーションやコールバックなど、シンプルながらもいろんなカスタマイズを施すことが可能です。

BeefUp

デモ

デモではベーシックなタイプのものからフェードアニメーションで表示・非表示するもの、アコーディオンを展開した時にスクロールするもの、コールバックによりオープン時とクローズ時でボーダーカラーを変更するものなど、さまざまな種類のアコーディオンを見ることができます。

ほかにも、タブ化させたりドロップダウンにしたりといろんなセッティングが可能です。

デモはレスポンシブにも対応しているので、ブラウザの横サイズを変更してもそれに合わせて可変します。

シンプルながらも柔軟性がありカスタマイズ性にも優れているのがいいですね。

オプションも豊富で、アニメーションの指定やオープン/クローズ時のスピード調整、スクロールの有無、スクロールスピードの設定など、好みに合わせたカスタマイズができます。

また、コールバック関数にはonInit、onOpen、onClose、onScrollといったものが用意されています。

BeefUp

no-imageページ読み込み時に画面上部にプログレスバーを表示する「Skylo」前のページ

レスポンシブでスタイリッシュな「lightbox-jquery-plugin」次のページno-image

最近の記事

  1. ボヤージュブレンド
  2. 紫陽花とセミの抜けがら
  3. クラブハウスサンド 石窯カンパーニュ
PAGE TOP