A simple jQuery Accordion with unlimited nesting

JavaScript

シンプルなアコーディオンを実装する「A simple jQuery Accordion with unlimited nesting」

シンプルで見やすいアコーディオンを実装することができる「A simple jQuery Accordion with unlimited nesting」をご紹介します。縦型アコーディオンで、無制限のネストが可能です。

A simple jQuery Accordion with unlimited nesting

A simple jQuery Accordion with unlimited nesting

Item 1〜4のいずれかの項目をクリックすると、その項目にネストされたコンテンツが展開されます。同じ項目を再度クリックするか、もしくは他のItem 1〜4のいずれかをクリックすると、現在展開されている項目が閉じられます。

とてもシンプルなアコーディオンですが、だからこそいろんなサイトに使いやすくなっていますね。操作に関しても特に迷うことなく直感的に使えるのがグッドです。

というわけで、シンプルな垂直アコーディオンを実装したい人は、ぜひ「A simple jQuery Accordion with unlimited nesting」をチェックしてみてはいかがでしょうか。

PrognRollスクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」前のページ

スクロールするとアニメーションつきで表示されるコンテンツ「DD Scroll Boxes」次のページDD Scroll Boxes

関連記事

  1. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  2. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  3. Tabby

    JavaScript

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

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

  4. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  5. Shave

    JavaScript

    設定した高さに基づいて複数行のテキストを切り取る「Shave」

    Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複…

  6. respontent

    JavaScript

    様々なコンテンツをレスポンシブにしてくれるjQueryプラグイン「respontent」

    respontentというjQueryプラグインを使えば、画像・You…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP