Question

I have a simple code where I show the tooltip (by changing the display property) when you hover over a element. is there a way where tooltip does not fadeout when I hover over tooltip.

$('.element').mouseenter(function(){  
    $(this).find('.tooltip').fadeIn();
}).mouseleave(function(){       
    $(this).find('.tooltip').fadeOut();  // I want the tooltip to not fadeout if move is over tooltip element
});

Answer 1

$(this).find('.tooltip').mouseover(function(){  
$(this).find('.tooltip').stop().fadeTo('fast', 1);
});
$(this).find('.tooltip').mouseout(function() {
$(this).find('.tooltip').stop().fadeTo('fast', 0);
});