元素悬停时的jQuery显示框，并在悬停框时保持打开状态

Question

我想要实现的是使用jQuery在其上方悬停其他元素时显示一个框。

我在this post找到了我需要的东西。您还可以查看此jsfiddle。问题是这个解决方案并不能完全满足我的需求，因为我需要在悬停状态下显示<a>元素，同时将鼠标悬停在下面的框中。当您将鼠标悬停在框中时，<a>元素会丢失悬停状态，这是非常标准的，但我需要它以悬停状态显示。

有什么想法吗？ ：）

Answer 1

请检查更新的源代码：jsfiddle。

首先，我将div包含在你的html链接中。

<a class="abc">
    <div class="test">ABC</div>
    <div id="def">TEST</div>
</a>

其次，我添加了悬停设计。您可以注意到，当您将鼠标移动到div时，链接悬停不会消失。

a.abc:hover {color:red;}

请注意，我没有在您的javascript中添加任何内容。

谢谢。