Toggle ul (Untermenü)

Question

Wie zeige ich die erste <ul> innerhalb einer <li>, wenn ich auf die <li> schweben?

Answer 1

HTML:

<ul> 
    <li class="firstLevel"> 
     <ul></ul> 
    </li> 
    <li class="firstLevel"></li> 
    <li class="firstLevel"></li> 
</ul> 

JS:

$('li.firstLevel').hover(function(){ 
    $(this).find('ul:first').show(); 
}, 
function(){ 
    $(this).find('ul:first').hide(); 
}); 

Hinweis: Dies ist für Browser nur notwendig ist, die hover auf lis (IE6) nicht

Answer 2

$("ul.menu>li").hover(
    function() { 
    $(this).children("ul:first").show(); 
    }, 
    function() { 
    $(this).children("ul:first").hide(); 
    } 
);

Answer 3

unterstützen

Nur um zu befürworten CSS. Wenn Sie IE6 nicht unterstützen und keinen Spezialeffekt benötigen, empfehle ich Ihnen dies mit CSS: