Add HTML in JQuery Tipsy Tooltips

Add HTML in JQuery Tipsy Tooltips

Hey there,

I'm sure some of you guys are familiar with the jquery plugin, tipsy. I want to be able to display HTML inside the tooltip but more like a div layer (<div id="tweet"></div>). I noticed I can put tags like bold and italic text inside the tooltip but not full divs. How would I go about doing that?

I'm trying to display a twitter script by seaofclouds inside the tooltip. The script looks like this:

  1. <script type='text/javascript' src='site/scripts/jquery.tipsy.js'></script>
  2. <script type='text/javascript'>
  3.   $(function() {
  4.     
  5. $('#twitter').tipsy({title: "tooltip", gravity: 'n', html: true, fade: true });
  6.     
  7.   });
  8. </script>
Thanks for the help whoever it may be!

Ryan