BeefUp

JavaScript

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

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

BeefUp

デモ

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

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

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

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

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

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

BeefUp

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

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

関連記事

  1. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  2. SimpleAccordion

    JavaScript

    シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」

    SimpleAccordionは、シンプルなアコーディオンを実装するこ…

  3. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

  4. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  5. jquery-calendar

    JavaScript

    レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

    jquery-calendarはレスポンシブに対応したスケジュール管理…

  6. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

最近の記事

  1. 東京都現代美術館
  2. スーリア バターチキン
  3. そそそ 明太クリームそうめん
  4. すしざんまい
  5. 蒼龍唐玉堂 特製牛バラ担々麺

アーカイブ

PAGE TOP