Опитвам се да използвам 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")
})
});