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: ""
});