jquery - jquery在鼠标悬停时显示隐藏div

Question

我正在尝试学习 jquery。请帮我解决这个问题，我需要显示一个 div，它出现在任何元素（如菜单项）的悬停上，并且除非鼠标位于它出现的元素上或 div 本身，否则它会一直出现。当鼠标不在 div 本身或元素上时，div 会隐藏

这是一个示例adityabirla 菜单 ，其中 div 子菜单出现在 about us 和 other 的鼠标悬停上，当鼠标不在子菜单或 aboutus 链接中时消失

提前致谢

Answer 1

你可以尝试类似的东西；

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

这是一个工作演示。