BeefUp

JavaScript

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

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

BeefUp

デモ

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

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

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

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

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

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

BeefUp

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

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

関連記事

  1. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  2. Expanding Bar Navigation Concept
  3. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  4. no-image

    JavaScript

    シンプルなイメージカルーセルを実装できる「Boishakh carousel」

    Boishakh carouselはシンプルなイメージカルーセルを実装…

  5. Tabby

    JavaScript

    軽量でシンプルなタブメニューを実装できるjQueryプラグイン「Tabby」

    とても軽量でシンプルなタブメニューを実装できるjQueryプラグイン「…

  6. JavaScript

    チルトシフト効果でミニチュア風の写真に仕上げてくれるjQueryプラグイン「tiltShift.js…

    指定した画像にチルトシフト効果をプラスしてミニチュア風にしてくれるjQ…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP