如果鼠标专注于新div，如何在鼠标悬停事件期间显示div？

Question

假设我有一个div我将.mouseover函数绑定到其上，显示另一个div（其中，可能超过原始div的大小}）。在div转换期间，是否可以保持显示的第二个.mouseover没有任何明显的闪烁？

我在Chrome上使用主要是SVG元素的jQuery 1.11。

小提琴：http://jsfiddle.net/nvjqdn0j/10/

Answer 1

我刚刚调整了您的Fiddle。

$("#display, #mouseOverElement").mouseover(function () {
 $("#mouseOverElement").css("visibility", "visible");
});

$("#display, #mouseOverElement").mouseout(function () {
 $("#mouseOverElement").css("visibility", "collapse");
});

现在只要鼠标悬停在#display和/或#mouseOverElement上，div就会一直显示。