第一个菜单项未被选中
问题：
我有一个菜单，当您将鼠标hover在父项上时，它应该显示第一个项目。 例如，当你在“皮划艇和独木舟”上盘旋时，它应该突出显示第一个项目2+人物并在右侧显示内容。
你也应该能够hover在Boats上，右边的内容也应该改变。 应该默认选择娱乐，但你也应该能够钓鱼。
目前它不会显示第一个项目，但您可以将鼠标hover在任何项目上，它将显示出来。
我试过了什么？
$(document).ready(function() { //on hover of sub menu li then highlight itself $('div#new-menu-lower ul.menuul li.menuli').hover( function() { $(this).children('div#new-menu-lower ul li ul').css("display","block"); $('div#new-menu-lower ul li ul li ul:first').css("display","block"); $('div#new-menu-lower ul li ul li').css("display","block"); $('div#new-menu-lower ul li ul li ul li:first').css("display","block"); $(this).children('div#new-menu-lower ul li ul li ul').css("display","block"); }, function() { $(this).children('div#new-menu-lower ul li ul').css("display","none"); $('div#new-menu-lower ul li ul li ul:first').css("display","none"); $('div#new-menu-lower ul li ul li:first').css("display","none"); $('div#new-menu-lower ul li ul li ul li:first').css("display","none"); $(this).children('div#new-menu-lower ul li ul li ul').css("display","none"); }) }); JSFIDDLE： http ： //jsfiddle.net/NDMuu/7/
我将接受使用伪类的纯css解决方案:hover如果你可以让它工作，否则我认为Jquery / JS是要走的路？
* 编辑： *稍微更新了我的描述
默认情况下获取第一个项目的方法是使用if语句声明：如果父列表项是display: block那么它也将是。 当您将鼠标hover在另一个上时，您只需告诉其他项目display: none 。 我没有时间修复所有代码，但这是从哪里开始的。 给那个镜头，然后我会帮你完成它。