jquery show hide div鼠标悬停

Question

我正在努力学习jquery。 请帮我解决这个问题 我需要显示一个div，它出现在任何元素上，如菜单项，并且仍然出现，除非鼠标位于出现它的元素或div本身。 当鼠标本身或元素

上没有鼠标时，div会被隐藏

这是一个示例adityabirla menu div子菜单出现在我们和其他人的鼠标悬停上，当鼠标不在子菜单或aboutus链接时消失了

提前致谢

Answer 1

您可以尝试类似的事情;

$("#div2").hide();
$( "#div1" ).mouseenter(function() {
  $("#div2").show();
}).mouseleave(function() {
  $("#div2").hide();
});

Here 是一个有效的演示。