Accordion.JS

JavaScript

クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

Accordion.JSは、開閉の動作がクイックで使いやすいアコーディオンを実装することができるjQueryプラグインです。ファイル容量も軽量で、gzip圧縮で〜1KBというのもうれしいですね。オプションやHTML5のdata属性を使用して設定することができます。

Accordion.JS

デモ

「Section 1」や「Section 2」などのヘッダー部分をクリックすると、その場所のコンテンツがスライドで開閉されます。開閉のスライドは、とてもクイックに動作するのでストレスなくサクサクとコンテンツを閲覧していくことが可能です。

デザインもシンプルで余計な装飾もなく、いろんなWebサイトに合わせやすいと思います。

デモページには、デフォルトのサンプルをはじめ、Second section active(例えば、Section 2のコンテンツを予め開いておく設定)やMultiple sections open by default(Section 2とSection 4を予め開いておく設定)など、いくつかのパターンのサンプルが設置されています。

Accordion.JSには、オプションもいくつか用意されているのでちょっとしたカスタマイズもしやすいです。主なオプションは、closeAble、closeOther、slideSpeed、activeIndex、openSection、beforeOpenSectionです。

シンプルで軽量、そしてクイックな動作でストレスレスなアコーディオンを実装できるjQueryプラグインを探している人は、ぜひ「Accordion.JS」を使われてみてはいかがですか?

Accordion.JS

関連記事

  1. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  2. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  3. JavaScript

    アニメーション付きの水平・垂直プログレスメーターを実装できる「jQMeter」

    jQMeterはアニメーションが付いた水平・垂直のプログレスメーターを…

  4. no-image

    JavaScript

    シンプルでカスタマイズも簡単なパララックスエフェクト実装「parlx.js」

    parlx.jsはシンプルでカスタマイズも簡単なパララックスエフェクト…

  5. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  6. no-image

    JavaScript

    カスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」

    jAlertはカスタマイズ性の高いjQueryアラート・モーダル・li…

最近の記事

  1. 200-DGCAM019
  2. ハクバ GW-PRO RED フォトグローブプロ PL
  3. Soundcore Liberty Air 2
  4. Soundcore Liberty 2
  5. マザーツリー

アーカイブ

PAGE TOP