两个Jquery效果同时（bootstrap子菜单）

Question

当我打开和关闭bootstrap子菜单时，我试图同时应用两个JQuery效果。这些效果是滑动和褪色，但只是淡出效果正常。

我的代码是：

$('.dropdown').on('show.bs.dropdown', function(e){
 $(this).find('.dropdown-menu').fadeIn("slow");
 $(this).find('.dropdown-menu').slideDown();
});
$('.dropdown').on('hide.bs.dropdown', function(e){
 $(this).find('.dropdown-menu').fadeOut("slow");
 $(this).find('.dropdown-menu').slideUp();
});

有人可以解释我的代码有什么问题吗？

谢谢

Answer 1

多数民众赞成我如何修理

$('.dropdown').on('hide.bs.dropdown', function(e){
    $(this).find('.dropdown-menu').animate({
        opacity: 'toggle',
        height: 'toggle'
    },"slow");
}); 

$('.dropdown').on('show.bs.dropdown', function(e){
    $(this).find('.dropdown-menu').animate({
        opacity: 'toggle',
        height: 'toggle',
    },"slow");
});