JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/40036711/jquery.hovercard.min.js"></script>
<div class="highlight">Hover over the name in red.</div>
This demo was prepared by <label class="profile">Prashant Chaudhary</label>.

<div class="highlight">Hover over the name in red.</div>
This demo was prepared by <label class="profile">Prashant Chaudhary</label>.

<div class="highlight">Hover over the name in red.</div>
This demo was prepared by <label class="profile">Prashant Chaudhary</label>.

<div class="highlight">Hover over the name in red.</div>
This demo was prepared by <label class="profile">Prashant Chaudhary</label>.

CSS

body
{
    font-family:Sans-serif;
    font-size:13px;
    padding:20px;    
}
.hc-name, a{ color: #932121}
.highlight{padding:5px; background:#ffffaa;margin-bottom:10px;font-weight:bold;}

JavaScript

var htmlmarkup = "this is me. <a id='a-more' href='#'>more/less</a><div id='hidden' style='display:none;'><br/>This is more!</div>";

$('#a-more').live("click",function(){
    $('#hidden').toggle();
});

$('.profile').hovercard({
    detailsHTML : htmlmarkup
});