cascadingDivs

JavaScript

サクサク動作する軽量なアコーディオンを実装できる「cascadingDivs」

cascadingDivsはjQueryとCSS3を使ってつくられた軽量なアコーディオンです。サクサク動作する水平スライダーのようなアコーディオンなので、ストレスもなくとても快適にコンテンツを楽しむことができます。テキストやバナーなど、いろんなコンテンツをアコーディオンで見せたいときに活用してみてはいかがでしょうか?

cascadingDivs

デモ(バナー・ボタン)

デモ(テキスト)

一つの画面内にできるだけたくさんの情報を詰め込みたいときなんかに便利ですね。

また、オプションにあるslideTimeの値を変更することで、スライドの速度を調節することも可能です。マークアップもシンプルでわかりやすいので、サクッと実装できそうです。

というわけで、軽量でいろんなコンテンツを表示できる水平アコーディオンを使いたい方は、ぜひcascadingDivsをチェックしてみてはいかがでしょうか。

cascadingDivs

関連記事

  1. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  2. Sidr

    JavaScript

    横からサイドメニューが現れるjQueryプラグイン「Sidr」

    面白いjQueryプラグインがあったのでメモがてらご紹介します。Sid…

  3. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

  4. SweetAlert
  5. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  6. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

最近の記事

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

Facebookページ

PAGE TOP