jquery - 将鼠标悬停在隐藏元素上时保持显示

Question

我在形成标题时遇到了麻烦-如果您想出更好的东西，请进行编辑。

当悬停在带有 class 的跨度上时percent100，我想显示带有 class 的 div getSeen。但是，getSeen上面有一个链接，所以getSeen当用户将鼠标悬停在 时必须保持打开状态getSeen，而不仅仅是percent100. 我如何用 jQuery 做到这一点？

HTML：

<span class="percent100"> 100%</span>
<div class="getSeen">At 100% Get Seen...<a href="#">How?</a></div>

jQuery尝试：

$('.percent100, .getSeen').hover(
    function () {
        $('.getSeen').toggle();
    }
);

Answer 1

只需使用此查询

$('.percent100, .getSeen').hover(
    function () {
        $('.getSeen').show();
    },
    function () {
        $('.getSeen').hide();
    }
);

看到这个小提琴

因此，您需要做的是，在悬停div.getSeen时以及悬停时使其可见，并在悬停时使其不可见.percent100.getSeen