试图创建一个快速的jQuery下拉菜单

Question

我不知道如果我这样做的权利，但我试图创建一个简单的下拉菜单中的jQuery。我基本上要一个div（带链接）出现一次菜单项悬停..

<强>的菜单：

<ul id="mainlevel">
  <li><a href="#" class="mainlevel_home" ><span>Home</span></a></li>
  <li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li>
  <li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li>
</ul>

<强烈>隐股利：

<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>

<强> jQuery的：

$(".mainlevel_feature-writers").hover(function(){ 
  $(".subMenu").fadeIn("slow"); 
}, function() { 
  $(".subMenu").fadeOut("slow"); 
});

现在，这个消失在隐藏的div和淡出出来罚款，但 - 我怎么阻止它从淡出，如果有人对新显示为DIV中徘徊的东西。

抱歉，如果这是一个非常明显的问题..我还在学习！ ：）

Answer 1

我觉得你需要单独的mouseover和mouseout事件的处理。

据推测，你想要的mouseover处理程序被附接到“顶级”菜单元素，并且mouseout处理程序被附接到隐藏“下拉”分区（有一些状态代码来管理冲突）。