JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<div class='btn btn-primary bstooltip' title='This is a tooltip' data-placement='bottom' data-trigger='manual'>Hover here!</div>

JavaScript

$('.bstooltip').click(function(){
    var that = $(this)
    that.tooltip('show');
    setTimeout(function(){
        that.tooltip('hide');
    }, 2000);
});

$('.bstooltip').mouseleave(function(){
    $(this).tooltip('hide');
});