jQuery MouseOut活动区域错误，无法正常工作

Question

当我将光标悬停在菜单项“megamenu＆＃39;”上时，我创建了一个div。我的jQuery增加了一个类＆＃39; open＆＃39;将高度值从0更改为170px的div。

$(".megamenu").hover(
    function () {
        $(".about-us-megamenu").addClass("open");
    }
);
$(".about-us-megamenu").mouseout(
    function () {
        $(".about-us-megamenu").removeClass("open");
    }
);

这很好但是......

我希望它删除课程＆＃39;打开＆＃39;当光标移出div时。但是，目前它只能在我在页面上的内容包装器的宽度（960px）内工作，并在将光标向下移动40px后移除类，而不是170px。我的开发网址是：

http://allentullett.co.uk/sandbox/guac/

任何人都可以帮我解决困境吗？

Answer 1

也许div上还有一个mouseout处理程序？

Answer 2

在探索＆＃39; mouesout＆＃39;更多的我遇到了对我有用的答案，那就是＆＃39; mouseleave＆＃39;

$(".megamenu").hover(
    function () {
        $(".about-us-megamenu").addClass("open");
    }
);
$(".about-us-megamenu").mouseleave(
    function () {
        $(".about-us-megamenu").removeClass("open");
    }
);

现在完美运作。

感谢你们的帮助，非常感谢。