javascript - 切换 ul(子菜单)

Question

如何显示第一个 <ul>里面 <li> ，当我将鼠标悬停在 <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)