JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
<a class="btn"  rel='popover' data-placement='bottom' data-original-title='Teste' data-toggle='tooltip'>one</a>
<a class="btn" rel='popover' data-placement='right' data-original-title='Teste1' data-toggle='tooltip'>two</a>

CSS

body { padding: 100px; }

JavaScript

$(document).ready(function(){

    $('.btn').tooltip({trigger: 'click'});

    $('.btn').on('click', function (e) {
        $('.btn').not(this).tooltip('hide');
    });


});