将鼠标悬停在其上时，显示隐藏的元素

Question

我很难形成一个标题 - 如果你想出更好的东西，请编辑。

将鼠标悬停在班级percent100的某个范围内时，我想显示一个包含班级getSeen的div。但是，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();
    }
);

请参阅此fiddle

所以您需要做的是，div.getSeen在.percent100悬停时以及.getSeen悬停时可见，并在hoverout时将其隐藏