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」をチェックしてみてはいかがでしょうか。

関連記事

  1. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  2. Flipster

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「Flipster」

    レスポンシブにも対応しているシンプルなカルーセルを実装できるjQuer…

  3. EasyFader Plugin Demo

    JavaScript

    レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo…

    シンプルなフェードアニメーションによるスライドショーを実装することがで…

  4. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

  5. JavaScript

    レスポンシブやスワイプ対応で完成度の高いスライダーのjQueryプラグイン「Slider Pro」

    Slider Proはレスポンシブやタッチ・スワイプに対応したスライダ…

  6. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP