Javascript 移动到悬停内容时保持悬停状态

我有两个div（#1，#2）-一个在上层，另一个包含在许多其他div中（例如，这里只有一个）：

两个div的位置绝对接近对方#一个是用JQuery

.hide（）

隐藏的。 当我将鼠标悬停在#two上时，我使用JQuery

.show（）

显示#一。 有没有办法从#2移动到#1，使悬停效果保持不变，并且#1不会隐藏，直到我将悬停从两个方向移出

-用于说明。

使用此选择器

$（“#2，#1”）同时选择
“#1”
和
“#2”

此处演示
最简单的方法是将
一个
放在
两个
内。冒泡效应会使您在
两个
上悬停，即使您在
一个
上悬停

<div id="two"><div id="one"></div></div>



拨弄
尝试改变：

$('#two').hover(...)

到

在您的代码中。
我喜欢这种嵌套方法。这类似于在下拉菜单中使用列表，父
li
继续处于活动状态，而子
li
处于悬停状态。
<div id="two"><div id="one"></div></div>

$('#two').hover(...)

$('#one, #two').hover(...)