Jquery plugins 使用hoverintent，而不是显示/隐藏…请帮助使用更改代码

我知道这个网站上有很多很棒的助手，我还在学习jquery，但是我喜欢它背后的功能。最近我创建了一个megadrop下拉菜单，但我开始得到很多建议，建议使用hoverintent插件，而不是使用show/hide。我迷失了试图改变我的编码周围，使其工作…请帮助…感谢一如既往的男孩和女孩

哦，我认为更改为hoverintent也会阻止溢出的累积，但我不认为我的代码能够阻止这种情况的发生

我的网站…只有关于DKE的下拉列表有效

我的jquery脚本

$(document).ready(function() {
    // shows the hidden div in the list
    $('#dave').mouseover(function() {
        $('#aboutdke').show('slow');

    });
    // hides the hide the div again for that list item
    $('#dave').mouseleave(function() {
        $('#aboutdke').hide('slow');

    });
});

这是我的html

<div id="pagelinks">
 <ul id="menu">
     <li class="mega"><a class="dkeorg" href="#">DKE.ORG</a></li>
        <li class="megamenu" id="dave"><a class="links" href="#">ABOUT DKE</a><div id="aboutdke">
       (about dke div content)
            </div>
  </div></li>
        <li class="megamenu"><a class="links" href="#">ALUMNI</a></li>
        <li class="megamenu"><a class="links" href="#">UNDERGRADUATES</a></li>
        <li class="megamenu"><a class="links" href="#">EVENTS</a></li>
        <li class="megamenu"><a class="links" href="#">MULTIMEDIA</a></li>
        <li class="megamenu"><a class="links" href="#">SHOP DKE</a></li>
      </ul>
 </div>

（关于dke div内容）

在我得到真正答案之前有两件事：

您缺少doctype后的开始正文标记

XHTML中只有小写标记有效

事件仅针对#aboutdke触发，因为这是硬编码到事件回调函数中的一个元素。尝试一些更抽象的东西：

$('#menu > li').mouseover(function() {
    $(this).children().is('div').show('slow');
});
$('#menu > li').mouseleave(function() {
    $(this).children().is('div').hide('slow');
});

---

这应该（如果内存可用）适用于每个菜单项。

遗憾的是，代码不起作用，但通过使用您给我的代码，可以阻止动画的溢出问题一次又一次地发生？？代码看起来很棒，这样我就不必执行多个实例，但出于某种原因它不起作用，如果用户很快地把鼠标放在上面，我仍然会感到溢出