Javascript 切换ul（子菜单）

当我将鼠标悬停在

上时，如何显示
中的第一个
？
HTML:

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

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

注意：这仅适用于不支持lis（IE6）上的
悬停
的浏览器HTML:

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

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

注意：这仅适用于不支持lis（IE6）
上悬停
以支持CSS的浏览器。如果您不支持IE6并且不需要特殊效果，我建议您使用CSS：

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

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

只是为了提倡CSS。如果您不支持IE6并且不需要特殊效果，我建议您使用CSS：

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

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

您支持什么浏览器？您可能不需要JavaScript。考虑到跨浏览器CSS2+的限制，您最好使用JS，无论您选择支持什么。无论如何，你真的应该支持尽可能多的人。更不用说jQuery为您解决了许多跨浏览器问题的猜测D@nalroff，对于
：hover
psuedo类没有什么特殊之处。它应该有广泛的支持-IE7+，Safari，Chrome，Opera，FF。你支持什么浏览器？您可能不需要JavaScript。考虑到跨浏览器CSS2+的限制，您最好使用JS，无论您选择支持什么。无论如何，你真的应该支持尽可能多的人。更不用说jQuery为您解决了许多跨浏览器问题的猜测D@nalroff，对于
：hover
psuedo类没有什么特殊之处。它应该有广泛的支持-IE7+、Safari、Chrome、Opera、FF。