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. Mobilepopup

    JavaScript

    軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」

    Mobilepopupは、軽量でカスタマイズ性に優れたモバイルにも最適…

  2. JavaScript

    レスポンシブ対応で画像やテキストも自由にスライドできるjQueryスライダー「Responsly.j…

    スマホにも対応したレスポンシブのjQueryスライダー「Respons…

  3. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  4. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2012年に紹介したjQueryプラグインのまとめ

    当ブログで2012年にご紹介したjQueryプラグインをまとめてみまし…

  5. no-image

    JavaScript

    さまざまなSVGパターンによるCSSプログレスバー「Bars」

    Barsはさまざまな種類のSVGパターンによるCSSプログレスバーを実…

  6. no-image

    JavaScript

    SVGによるドーナッツ状(円形)のチャートを実装できる「donutty」

    donuttyはSVGによるドーナッツ状(円形)のチャートを実装できる…

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP