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

【问题标题】：Keep hidden element displayed when hover over it将鼠标悬停在隐藏元素上时保持显示
【发布时间】：2013-05-14 13:41:42
【问题描述】：

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

当悬停在类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();
    }
);

【问题讨论】：

【解决方案1】：

只需使用此查询

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

看到这个fiddle

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

【讨论】：