引导显示全部下拉悬停

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

这应该滑下悬停一切，向上滑动的一切，当鼠标离开（不再徘徊）。