切换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; 
}