Bootstrap Tooltip - Hide when another tooltip is click

JavaScript
1

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) {
                e.preventDefault();
                HasTooltip.tooltip('hide');
            }).tooltip({
                animation: true
            }).parent().delegate('.close', 'click', function() {
                HasTooltip.tooltip('hide');
            });
2

Hi there,

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