JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css">
<a href="#" id="popoverlink" class="btn" rel="popover" title="Some title">Popover</a>
CSS
#popoverlink {
position: absolute;
top: 100px;
left: 100px;
}
JavaScript
jQuery('#popoverlink')
.popover({trigger: 'manual'})
.click(function() {
if($(this).hasClass('pop')) {
$(this)
.popover('hide')
.removeClass('pop');
} else {
var response = 'Success';
$(this)
.attr('data-content', response)
.popover('show')
.addClass('pop');
}
});