JSFiddle - React, Tailwind, and code Playground

by Divine Chef

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<BR><BR><BR><BR><BR><div ><a href="#" class="tip" rel="popover" data-trigger="click"  data-html="true" data-content="Yadda Yadda.<P><P><P><P>More stuff on another line" 
data-original-title="Your popover title">
<span style="cursor:pointer;">Text and images here</span></a></div>

JavaScript

$(function ()
{ $(".tip").popover();
});


$('html').on('mouseup', function(e) {
    if(!$(e.target).closest('.popover').length) {
        $('.popover').each(function(){
            $(this.previousSibling).popover('hide');
        });
    }
});