jquery - 如何在悬停时隐藏不是父级的元素？

Question

因此，对于导航，当某个“nav1”LI 悬停时，我会显示一个“辅助”div。当焦点不再位于#nav1 LI 或辅助 div 上时，我希望隐藏 div。 jsFiddle 演示

通常我只会将“辅助”div 放在#nav1 li 中。但由于某些后勤原因，我不能这样做。所以我基本上只是在鼠标不在#secondary或#nav1之上时才试图隐藏二级div

Answer 1

你有没有试过这个：

$("#secondary").mouseleave(function() {
    $(this).slideUp(500);
}​);​

jsFiddle 示例。

Answer 2

这对你有帮助吗：http: //jsfiddle.net/EefAD/3/

Answer 3

也许setTimeout(function, delay)在第一个元素的悬停回调上设置超时，并在第二个元素的悬停时设置一个标志true，并将其设置回false悬停时。超时完成后，检查标志是否为true，然后用户将鼠标悬停在第二个元素上。