Bootstrap のCollapse の開閉速度を調整する方法
スポンサード
Collapse の開閉速度を早くしてみる
アコーディオンメニューを簡単に実現できるBootstrap のCollapse ですが、開閉速度を早くしたり遅くしたり、自由に調整したい場合の処理の方法です。
※今回はバージョン3.0 での実践を元に記事を書いております。
transition の速度調整
bootstrap.css 内の以下のクラスcollapsing
に記載されている transition
の値を調整します。デフォルトの設定
Bootstrap バージョン3.0 だとデフォルトの速度は 0.35sです。.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }
コメント