JS Tooltip.
No extra libraries required.
Options
hideOnMouseOut - set to true by default. If you set it to false, the close anchor will be added.
Two ways to make it work:
Example 1:
This is a tooltip.
<p>This is a <a class="tooltip" data-tt-type="attr" title="Text Tooltip
Content">tooltip</a>.</p>
Example 2:
This is a tooltip.
HTML Tooltip Content
Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla ipsum at orci blandit tristique.
<p>This is a <a class="tooltip" data-tt-type="element">tooltip</a>.</p>
<div class="hide">
<h2>HTML Tooltip Content</h2>
<p>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla
ipsum at orci blandit tristique.</p>
</div>