Bootstrap zeigt alle Drop-down-Optionen bei Hover an

Question

Ich möchte, dass alle Dropdown-Menüs beim Überfahren in einem der Menüs angezeigt werden. Ich habe diesen Code

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

Aber es funktioniert nur auf einen Menüpunkt, wo meine Maus ist. Ich möchte, dass sie alle auftauchen. Danke für Ihre Hilfe!

Answer 1

ein bisschen jQuery verwenden, dies zu tun:

$("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}); 
    }); 
}); 

Dies alles auf schwebt nach unten rutschen sollte und alles nach oben schieben, wenn der Maus Blätter (nicht mehr bewegen).