$(document).ready(function() { $('.toolTip').hover( function() { this.tip = '<p><span style="text-decoration: underline;">CONTACT</span></p>Apropos<br />59 High Street<br />Saffron Walden<br />Essex CB10 1AA<br />Telephone: +44 (0) 1799 502 515<br />Email: <a href="mailto:Apropos_mail@btinternet.com">Apropos_mail@btinternet.com</a>'; $(this).append( '<div class="toolTipWrapper">' +'<div class="toolTipMid">' +this.tip +'</div>' +'</div>' ); this.title = ""; this.width = $(this).width(); $(this).find('.toolTipWrapper').css({left:this.width-22})
$('.toolTipWrapper').fadeIn(200);}, function() { $('.toolTipWrapper').fadeOut(100); $(this).children().remove(); this.title = this.tip;} );});