切換ul（子菜單）

Question

如何在<li>內顯示第一個<ul>，當我將鼠標懸停在<li>上？

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

注：這是隻需要對不上LIS支持hover瀏覽器（IE6）

Answer 2

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

Answer 3

只是爲了提倡CSS。如果您不支持IE6並且不需要特殊效果，我建議您使用CSS進行此操作：

ul.menu li > ul { 
    display: none; 
} 

ul.menu li:hover > ul { 
    display: block; 
}