JSFiddle - React, Tailwind, and code Playground

by Diego Dalairac

HTML

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    
<h6>first <a href="#!" title="" class="customtooltip c_tool1" data-original-title="data del toolltip numero 1">tooltip</a> Second <a href="#!" title="" class="customtooltip c_tool2"   data-original-title="data del toolltip numero 2">tooltip</a> third <a href="#!" title="" class="customtooltip c_tool3"   data-original-title="data del toolltip numero 3">tooltip</a></h6>

<p id="demo"></p>

CSS

/* Optional theme */
@import url('http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');

JavaScript

$(document).ready(function(){

	var toolOptions;
	var toolOptions2;
	var isOS = /iPad|iPhone|iPod/.test(navigator.platform);
	var isAndroid = /(android)/i.test(navigator.userAgent);

	///////////////////////////////////////// if OS
	if (isOS){

		toolOptions = {
			animation: false,
			placement:"bottom",
			container:"body"
		};
		$('.customtooltip').tooltip(toolOptions);

		$('.customtooltip').css( 'cursor', 'pointer' );
		 $('body').on("touchstart", function(e){
			$(".customtooltip").each(function () {
				// hide any open tooltips when the anywhere else in the body is clicked
				if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.tooltip').has(e.target).length === 0) {
					$(this).tooltip('hide');
				}////end if
			});
		});



	///////////////////////////////////////// if Android
	} else if(isAndroid){
		toolOptions = {
			animation: false,
			placement:"bottom",
			container:"body"
		};
		toolOptions2 = {
			animation: false,
			placement:"left",
			container:"body"
		};
		$('.c_tool1').tooltip(toolOptions);
		$('.c_tool2').tooltip(toolOptions);
		$('.c_tool3').tooltip(toolOptions2);

	///////////////////////////////////////// if another system
	} else {
		toolOptions = {
			animation: true,
			placement:"bottom",
			container:"body"
		};
		$('.customtooltip').tooltip(toolOptions);

	}//end if system


	document.getElementById("demo").innerHTML = "Sys: "+navigator.platform+" - isOS: "+isOS+" - isAndroid: "+isAndroid;

});