Question

一个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，我写的可以触发 但是收不回来，请高人帮我写一个 范例 我研究一下

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏10（财富值+成长值）

Answer 1

建议楼主改一下主体结构
<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();
});

追问

首先感谢回答

这种方式 我分分钟就可以做出来，都用不到jq了，html写成那样是因为一级菜单比较多，方便调用

追答

恩，高手这么厉害，那何必要问这么简单的问题呢。不也是分分钟不需要jq就敲出来？
还有高手都喜欢个性，ul包span,span包li的，这样显得逼格高，高手也喜欢把HTML文档贴上来问JS的问题，恩，思维很好，还有这个HTML文档，写的跟小学生构架的一样，应该是高手拿最基本的来彰显B格

追问

没必要这样吧？我就随便写了一个列表，用span 是为了看出区分。。又不是实际应用。。。