Tooltip Demo

Basic

Left
Right
Top
Bottom
<a href="page.html" class="tooltip" data-title="Tooltip Content">Tooltip Handle</a>
$(".tooltip").tooltip({
	direction: "top"
});

Follow

Left
Right
Top
Bottom
<a href="page.html" class="tooltip" data-title="Tooltip Content">Tooltip Handle</a>
$(".tooltip").tooltip({
	direction: "left",
	follow: true
});

Match

Left
Right
Top
Bottom
<a href="page.html" class="tooltip" data-title="Tooltip Content">Tooltip Handle</a>
$(".tooltip").tooltip({
	direction: "bottom",
	match: true
});

Delay

Left
Right
Top
Bottom
<a href="page.html" class="tooltip" data-title="Tooltip Content">Tooltip Handle</a>
$(".tooltip").tooltip({
	direction: "right",
	delay: 500
});

No Theme

No Theme
<a href="page.html" class="tooltip" data-title="Tooltip Content">Tooltip Handle</a>
$(".tooltip").tooltip({
	direction: "top",
	theme: ""
});