Jquery 菜单悬停只显示第一个 child

Question

只是一个尝试学习的菜鸟，我遇到了一个问题，当我将鼠标悬停在菜单的父项上时，只有第一个子项出现，其余的不出现。请不要介意CSS。感谢帮助。

这是 Sample code 的链接

谢谢。

Answer 1

或者使用这个:

 $('#multimenu a').hover(function(){
    $(this).next().show();
 },function(){
    $(this).next().hide(); 
 });

工作示例: http://jsfiddle.net/s6EXf/5/

将 HTML 更改为:

<ul id="multimenu">
    <li><a href="#">Example 1</a><div class="submenu"></div></li>         
    <li><a href="#">Example 2</a><div class="submenu"></div></li>    
    <li><a href="#">Example 3</a><div class="submenu"></div></li>
    <li><a href="#">Example 4</a><div class="submenu"></div></li>
    <li><a href="#">Example 5</a><div class="submenu"></div></li>
</ul>

删除了第一个子类，因为这可以用 css 伪类 :first-child 完成