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

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  2. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  3. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

  4. Tabulous.js

    JavaScript

    色々なエフェクトのタブパネルが実装できるjQueryプラグイン「Tabulous.js」

    素敵なタブパネルがあったのでメモがてらご紹介します。オプションを指定す…

  5. no-image

    JavaScript

    要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」

    snapScroll.jsは要素ごとにきりのいいところでスクロールされ…

  6. vDrop

    JavaScript

    選択ボックスの選択肢をドロップダウンリストで表示できる「vDrop」

    vDroppは、選択ボックスの選択肢をドロップダウンリストで表示してく…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP