darktooltip

A simple customizable tooltip with confirm option and effects

###Usage

<div style="padding:200px;">
	<a href="#" id="example" data-tooltip="Hello world 1">Example 1</a>
	<a href="#" id="light" data-tooltip="Hello world 2">Example 2</a>
</div>
 
<script>
$(document).ready( function(){
	
	//Basic
	$('#example').darkTooltip();
	
	//With some options
	$('#light').darkTooltip({
		animation:'flipIn',
		gravity:'west',
		confirm:true,
		theme:'light'
	});
});
</script>

###Options

Option	Values	Default
opacity	0 – 1	0.9
content	Tooltip message	empty
size	small, medium, large	medium
gravity	south, west, north, east	south
theme	dark, light	dark
trigger	hover, click	hover
animation	none, flipIn, fadeIn	none
confirm	true, false	false
yes	Label for ‘Yes’ option	‘Yes’
no	Label for ‘No’ option	‘No’
finalMessage	A message that appears at the end of the action for the confirm	”
finalMessageDuration	Duration of the final message in ms	1000
onYes	Function that is triggered when clicking ‘Yes’ on confirm	empty
onNo	Function that is triggered when clicking ‘No’ on confirm	empty
onlyOne	Always make the only one of the tool tip is open	false
autoClose	After a specified time has elapsed, it closed with automatic	false
autoCloseDuration	Number of milliseconds elapsed before it closes automatically	3000

###Demo and examples rubentd.com/darktooltip