cascadingDivs

JavaScript

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

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

cascadingDivs

デモ(バナー・ボタン)

デモ(テキスト)

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

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

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

cascadingDivs

jquery-side-naviサイドからスライドでナビゲーションを表示できる「jquery-side-navi」前のページ

テキストがアニメーションで切り替わっていく「jquery-bubble-text」次のページjquery-bubble-text

最近の記事

  1. 縦置きスタンド
  2. スマトラ
  3. さくらドーナツ
PAGE TOP