引導顯示全部下拉懸停

Question

我希望我的所有下拉菜單都可以在任何菜單中懸停顯示。我有這個代碼

ul.nav li.dropdown:hover ul.dropdown-menu{ 
    display: block;  
} 

但它只適用於我的鼠標所在的一個菜單項。我希望他們都出現。感謝您的幫助！

Answer 1

使用jQuery的一點要做到這一點：

$("ul.nav").children("li.dropdown").hover(function(){ 
    var $this = $(this); 
    $this.slideDown({duration: /*some duration in ms*/, queue: false}); 
    $("ul.dropdown-menu").each(function(index, elem){ 
    $(this).slideDown({duration: /*some duration in ms*/, queue: false}); 
    }); 
},function(){ 
    var $this = $(this); 
    $this.slideUp({duration: /*some duration in ms*/, queue: false}); 
    $("ul.dropdown-menu").each(function(index, elem){//index and elem are required by the each() function 
    $(this).slideUp({duration: /*some duration in ms*/, queue: false}); 
    }); 
}); 

這應該滑下懸停一切，向上滑動的一切，當鼠標離開（不再徘徊）。