Animate.css使用下拉菜单

Question

嗨，大家好..

就这个问题......我试着与animate.css和JS动画下拉菜单 其工作， 但不是我真正想要的:)

我addClass和removeClass，但没有....

其可能试图使动画 - 悬停菜单上比打开下拉？

code: 
    $(function() { 
     $('.dropdown-toggle').hover(function() { 
      $(this).next('.dropdown-menu').addClass('open animated fadeInDown'); 

     }); 
    }); 

如果有人有一些想法，请让我知道:)谢谢

Answer 1

你应该公开课添加到您的下拉列表，而不是你的下拉菜单中：

$(function() { 
    $('.dropdown-toggle').hover(function() { 
     $('.dropdown').addClass('open'); 
     $('.dropdown-menu').addClass('animated fadeInDown'); 

    }); 
    $('.dropdown').on('hide.bs.dropdown', function() { 
     $('.dropdown-menu').removeClass('animated fadeInDown'); 
    }); 
});