插入滑动面板的jQuery HoverIntent

我运行了以下代码来创建一个下拉式手风琴，当div“#top#u mailing”悬停时，它会显示隐藏的div“#top#u mailing#u hidden”。问题是，当我通过鼠标移出然后再次鼠标移动来中断动画时，它会中止动画并出错

我有以下代码：

//Top Mailing List Drop down animation
$(document).ready(function () {

$('#top_mailing')
.bind("mouseenter",function () {
    $("#top_mailing_hidden").stop().slideDown('slow');
})
.bind("mouseleave",function () {
    $("#top_mailing_hidden").stop().slideUp('slow');
});

}))

Brian Cherne的插件说如下调用hoverIntent函数（其中“makeTall”和“makeShort”是定义的函数：

$("#demo2 li").hoverIntent( makeTall, makeShort )

---

我认为我得到的行为的最佳解决方案是使用Brian Cherne的“HoverIntent”jQuery插件。问题是我不知道如何/在何处插入代码来调用HoverIntent插件。它说调用“.HoverIntent”而不是.hover，但我的代码使用的是.bind（“mouseEnter”）…有人请帮忙！

您仍然可以使用匿名函数进行以下操作：

$('#top_mailing').hoverIntent(function () {
   $("#top_mailing_hidden").stop().slideDown('slow');
 }, 
 function () {
   $("#top_mailing_hidden").stop().slideUp('slow');
});

---

您仍然可以将匿名函数用于以下目的：

$('#top_mailing').hoverIntent(function () {
   $("#top_mailing_hidden").stop().slideDown('slow');
 }, 
 function () {
   $("#top_mailing_hidden").stop().slideUp('slow');
});

---

好的，完全按照你所写的插入代码，我什么也得不到。动画根本没有用这些代码运行。我需要你在上面的代码中剪下的“.bind”（“mouseenter”，function）位吗？你根本不需要绑定……但是确保你在jQuery之后在页面中包含了hoverIntent插件（jquery.hoverintent.js或

jquery.hoverintent.minified.js

文件）。工作正常，不确定问题出在哪里。我已经插入了jquery和hoverintent。工作正常！非常感谢！好吧，完全按照您编写的方式插入代码，我什么也得不到。动画根本不使用该代码运行。我需要.bind（“mouseenter”，function”位，您在上面的代码中剪切掉了它？您根本不需要绑定…但是请确保在页面中jQuery之后包含了hoverIntent插件（jQuery.hoverIntent.js或

jQuery.hoverIntent.minified.js

文件）.工作正常，不确定问题出在哪里。我已经插入了jquery和hoverIntent。工作正常！非常感谢！