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. jQuery-Simple-MobileMenu
  2. Responsive Elements
  3. Brusher

    JavaScript

    インタラクティブな背景を実装できる「Brusher」

    Brusherはインタラクティブな背景を実装できる軽量なJavaScr…

  4. no-image

    JavaScript

    コンテナのサイズに合わせて要素を動的に拡大・縮小できる「Scalable」

    Scalableは、コンテナ領域内にある要素をコンテナのサイズに合わせ…

  5. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

  6. no-image

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP