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'); 
    }); 
});