將鼠標懸停在其上時隱藏元素顯示

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時僅僅使其看不見