jQuery Accordion

JavaScript

シンプルでレスポンシブ対応のアコーディオンを実装できるjQueryプラグイン「jQuery Accordion」

jQuery AccordionというjQueryプラグインを使えば、シンプルでレスポンシブに対応したアコーディオンを実装することができます。片方が開くと片方が閉じるシングルオープンや、その逆のマルチオープンにも対応しています。オプションで色々と設定できるのがいいですね。

[ads_center]

jQuery Accordion

jQuery Accordion

jQuery Accordion

実際のデモでは、スライドしながら開閉していきます。とてもシンプルですが、だからこそ色んなところに活用できそうですね。

オプションでスピードやイージングなどを設定することもできるので、シンプルでレスポンシブに対応したアコーディオンを実装したい時には、覚えておきたいプラグインです。

関連記事

  1. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのbindメソッドとliveメソッドの簡単な違いや使い方

    bindとliveの違いがちょっとわかりずらかったのでまとめてみました…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  4. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  5. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

  6. Picker

    JavaScript

    iOSのようなピッカーを実装できるJSライブラリ「Picker」

    Pickerは、iOSのUIのようなピッカーを実装することができるJS…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP