autoTooltip

Tooltip plugin

Documentation :

How to initialize this component ?

$(".tooltip-trigger").tooltip();

You must put a "data-tooltip-text" attribute with your tooltip message

Trigger me !

You can also chose the side of your tooltip by the attribute "data-tooltip-position", but this system is automatic because it will look if there is enough space and then it will place the tooltip in an optimized space (side).
bottom, top, right, left

Example with top position tooltip

trigger me !

Event parameters

Now the event trigger have two options: "hover" and "click"

$(".tooltip-trigger").tooltip({ event: "hover" // is the default });

Parameters table

Parameters	Type	Default value	Values	Description
event	string	"hover"	"hover", "click"	Choose the event handler for the tooltip .
animation	string	"scale"	"scale", "fade", "slide"	Choose the animation
space	int	20	[0 ; +]	Chose a number that will respresent the space between the trigger and the tooltip