[解決済み] bootstrap のドロップダウンにスライド効果を追加する

質問

私は ブートストラップ を使っているのですが、ドロップダウンにアニメーションを付けたいと思っています。私はそれにアニメーションを追加したい、スライドダウンし、それを離れるときに戻ってくる。 どのように私はこれを行うことができますか？

試してみたこと

Jsのドロップダウン・ファイルをこのように変更する。

Bootstrap のナビゲーション ドロップダウンを上下にスムーズにスライドさせるにはどうすればよいですか。

どのように解決するのですか？

Bootstrap 3 (BS3) にアップデートすると、多くの Javascript イベントが公開され、必要な機能を関連付けることができるようになります。 BS3では、このコードによって、すべてのドロップダウンメニューに、あなたが探しているアニメーション効果を与えることができます。

  // Add slideDown animation to Bootstrap dropdown when expanding.
  $('.dropdown').on('show.bs.dropdown', function() {
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
  });

  // Add slideUp animation to Bootstrap dropdown when collapsing.
  $('.dropdown').on('hide.bs.dropdown', function() {
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
  });

BS3のイベント情報をご覧いただけます。 ここで また、特にドロップダウン・イベントについては はこちら .