bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptサクサク動作する軽量なアコーディオンを実装できる「cascadingDivs」JavaScript2016.06.21サクサク動作する軽量なアコーディオンを実装できる「cascadingDivs」cascadingDivsはjQueryとCSS3を使ってつくられた軽量なアコーディオンです。動作する水平スライダーのようなアコーディオンなので、ストレスもなくとても快適にコンテンツを楽しむことができます。テキストやバナーなど、いろんなコンテンツをアコーディオンで見せたいときに活用してみてはいかがでしょうか?cascadingDivs以下、cascadingDivsの実際のデモになります。デモ(バナー・ボタン)各コンテンツをクリックすると、スライドでコンテンツが開かれます。それと同時に、いままで見ていたコンテンツが閉じられます。上記はバナーのデモですが、テキストのデモも用意されています↓デモ(テキスト)一つの画面内にできるだけたくさんの情報を詰め込みたいときなんかに便利ですね。オプションにあるslideTimeの値を変更することで、スライドの速度を調節することも可能です。マークアップもシンプルでわかりやすいので、サクッと実装できそうです。いうわけで、軽量でいろんなコンテンツを表示できる水平アコーディオンを使いたい方は、ぜひcascadingDivsをチェックしてみてはいかがでしょうか。ダウンロードや詳しい使い方は以下からどうぞ。Galleryは、3Dキューブによるオシャ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。