jquery控制二级菜单显示，两种模式，例子如下：

html代码nav部分：

<nav class="nav">
<ul>
<li><a href="#">一级菜单</a>
<blockquote><a href="#">二级菜单</a><a href="#">二级菜单</a><a href="#">二级菜单</a></blockquote>
</li>
<li><a href="#">一级菜单</a></li>
<li><a href="#">一级菜单</a>
<blockquote><a href="#">二级菜单</a><a href="#">二级菜单</a></blockquote>
</li>

js控制部分：
第一种：鼠标移到一级菜单，显示当前的二级菜单，移到另一个一级菜单，显示当前，隐藏前一个的二级菜单。鼠标移出去，当前的隐藏。

$(".nav li").hover(function(){
$(this).find("blockquote").stop(true,true).fadeIn();
$(this).addClass("navc");
}, function(){
$(this).find("blockquote").stop(true,true).fadeOut();
$(this).removeClass("navc");
});

第二种：鼠标移到一级菜单，显示当前的二级菜单，移到另一个一级菜单，显示当前，隐藏前一个的二级菜单。鼠标移出去，当前的不隐藏。

$(‘.nav li’).hover(function(){
for (i=0; i<$('.nav li').length; i++){ if (i==$(this).index()){ $(this).find('blockquote').stop(true,true).fadeIn(); $(this).addClass('navc'); }else{ $('.nav li').eq(i).find('blockquote').stop(true,true).fadeOut(); } } }); [/javascript] 两种的唯一的区别就是，当前的二级菜单，鼠标移出去后，显示还是不显示。