javascript - 向 bootstrap 下拉菜单添加滑动效果

我正在使用 bootstrap ，我想将动画添加到下拉列表中。我想给它添加一个动画，离开时向下滑动并返回。
我怎么能这样做？

我尝试过的事情:

像这样更改 Js 下拉文件:

How can I make Bootstrap's navigation dropdown slide smoothly up and down?

最佳答案

如果您更新到 Bootstrap 3 (BS3)，它们会公开许多 Javascript 事件，这些事件可以很好地将您想要的功能绑定(bind)到其中。在 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 事件 here 的信息，特别是有关下拉事件 here 的信息。

关于javascript - 向 bootstrap 下拉菜单添加滑动效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12115833/