Bootstrap Tooltip - Hide when another tooltip is click

I hope someone can help.

I’m trying to hide the tooltip when another tooltip icon is clicked. It works but when I decide to click the last tooltip again it ‘flashes’ the tooltip.

var Hastooltip = $('.hastooltip');
    HasTooltip.on('click', function(e) {
                animation: true
            }).parent().delegate('.close', 'click', function() {

Hi there,

Could you provide a link to a page where we can see this happening?