向引导下拉菜单添加幻灯片效果

Question

我正在使用bootstrap，我想在下拉菜单中添加动画。我要向其中添加动画，滑出时将其上下滑动。我该怎么办？

Answer 1

如果您更新到Bootstrap3（BS3），它们会暴露很多Java事件，可以很好地将所需的功能绑定到其中。在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();
  });