一个jquery问题 关于导航 显示二级菜单问题

<ul id="List-A">
<li class="hli"><a href="#">电影</a> </li>

<li class=""><a href="#">电视剧</a> </li>
<li><a href="#">动漫</a> </li>
<li><a href="#">综艺</a> </li>
</ul>
<ul id="List-B">
<span class="listindex1">
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
</span>
<span class="listindex2">
<li><a href="#" title="动作">动作11</a></li>
<li><a href="#" title="动作">动作22</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
<li><a href="#" title="动作">动作</a></li>
</span>
</ul>
默认listindex1和listindex2是display:none; 用jq实现当鼠标移入到 #List-A 下的 li时 触发下面的span，我写的可以触发 但是收不回来，请高人帮我写一个 范例 我研究一下

建议楼主改一下主体结构
<ul id="menu">
<li><a>一级菜单</a>
<ul>

<li>二级菜单</li>

<li>二级菜单</li>
</ul>
</li>
<li><a>一级菜单</a>
<ul>

<li>二级菜单</li>

<li>二级菜单</li>
</ul>
</li>

</ul>
把一级菜单的li设置为相对定位，把二级菜单的ul设置为绝对定位并隐藏，然后在js中写
$("#menu>li").hover(function(){
$(this).find("ul").show();

},function(){
$(this).find("ul").hide();
});

建议楼主改一下主体结构

• 一级菜单
  • 二级菜单
  • 二级菜单
• 一级菜单
  • 二级菜单
  • 二级菜单

把一级菜单的li设置为相对定位，把二级菜单的ul设置为绝对定位并隐藏，然后在js中写 $("#menu>li").hover(function(){ $(this).find("ul").show(); },function(){ $(this).find("ul").hide(); });