I've tried to use the same tooltip on two images, but there is a strange behavior when the two images are really close to each other.

It looks like if you're a little fast with the mouse when you switch to the other image, the "show" is called but the "hide" of the previous image is called as well, so the tooltip is hidden really fast instead of staying visible.

here's the code I used:

$(".btn_like").tooltip({
tip: '#notConnectedTooltip',
effect: 'fade',
fadeOutSpeed: 100
});

$(".btn_dislike").tooltip({
tip: '#notConnectedTooltip',
effect: 'fade',
fadeOutSpeed:100
});

To reproduce the problem, roll over the 1st image and leave your mouse there (the tooltip should be showing). Then drag your mouse fast to the other image and leave your mouse on it. The tooltip will be hidden even if your mouse stays there...

Is there a way to stop the propagation of the "hide" if i've been "over" the tooltip after the hide was called?