JSFiddle - React, Tailwind, and code Playground

by Sherbrow

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" id="requests" rel='popover' data-placement='bottom' data-original-title='&lt;b&gt;Requests&lt;/b&gt;' data-content='My content goes here'>requests</a>
<a class="btn" id="messages" rel='popover' data-placement='bottom' data-original-title='&lt;b&gt;Messages&lt;/b&gt;' data-content='My content goes here'>messages</a>

CSS

body { padding: 100px; }

JavaScript

$(function (){
    console.log('start');
    $('#requests').popover();
    $('#messages').popover();

    $('#requests').on('click', function (e) {
        console.log('requests');
        $('#messages').popover('hide');
    });
    
    $('#messages').on('click', function () {
        console.log('messages');
        $('#requests').popover('hide');
    });

});