Jquery fadetoggle

Question

我试图使用jquery fadetoggle来平滑淡化和淡出。除了一件事，一切都很好。当你悬停段落时，工具提示会淡入，当你离开段落时，工具提示会淡出，但是当你悬停段落时，你的鼠标悬停工具提示后，它会很快消失并淡入。我怎样才能摆脱这个动画？我的意思是当我将鼠标悬停时，工具提示不应该淡入。它应该只在我悬停段落

时淡入

CSS

p{position: relative; cursor: default;}
#tooltip{display: none; position: absolute; top: -28px; left: 0px; padding: 1px 10px; border-radius: 13px; background: #3DD13D; color: #fff;}

HTML

<p>Text which has meta info when hovered<span id="tooltip">Hi im meta info</span></p>

JS

$(document).ready(function(){   
    $('p').hover(function(){
        $('#tooltip').fadeToggle("500", "linear", "true")
    })
});

Answer 1

添加stop以在切换动画之前停止动画：

$('#tooltip').stop().fadeToggle("500", "linear", "true")

请参阅小提琴here。