BeefUp

JavaScript

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

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

BeefUp

デモ

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

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

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

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

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

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

BeefUp

関連記事

  1. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

  2. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

  3. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  4. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  5. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  6. jquery.matchHeight.js

最近の記事

  1. 16インチMacBook Pro
  2. レトロスペクティブ V2.0
  3. YAECA ワイドテーパードデニム 10-13WW

アーカイブ

PAGE TOP