JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.js"></script>
<link rel="stylesheet" href="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.css">
<a class="tooltip"></a>
<div class="tooltip-content"><strong>this is some tooltip</strong> content. <em>italic</em></div>

CSS

.tooltip { display: block; width: 100px; height: 100px; background: blue; margin: 20px 0 0 20px; }
.tooltip-content { display: none; background: red; margin: 20px 0 0 20px; padding: 10px; color: #fff; }

JavaScript

$('.tooltip').qtip({
    content: {
        text: function(api){
            $(this).next('.tooltip-content');
        }
    }
});