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

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

所以，你需要做的是，对嘛当.percent100被徘徊时，div.getSeen可见，并且.getSeen被徘徊，并且在h out时仅仅使其看不见