發佈Bootstrap Multi Dropdown Slide

Question

您可以看看this demo，並讓我知道如何解決下面的代碼第一張幻燈片上拉任何下拉，然後動畫下滑？現在發生的事情是第三個點擊之間的衝突Dropdown！ 如果你點擊第三個下拉菜單，它會向下滑動第三個菜單，然後向上滑動第二個打開的菜單欄！

$(function(){ 
$('.dropdown').on('show.bs.dropdown', function(e){ 
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 
    }); 
    $('.dropdown').on('hide.bs.dropdown', function(e){ 
    e.preventDefault(); 
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp(400, function(){ 
     $('.dropdown').removeClass('open'); 
     $('.dropdown').find('.dropdown-toggle').attr('aria-expanded','false'); 
    }); 
    }); 

}); 

Answer 1

這個怎麼樣代碼：

$('.dropdown').on('show.bs.dropdown', function(e){ 
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 
    }); 

    $('.dropdown').on('hide.bs.dropdown', function(e){ 
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 
    }); 

Demo