jQuery Plugin to display In line related info

A free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice.

What is so cool about this plugin!

·         Smoothly fades the name into a hovered card (in place).

·         Uses minimum css and no external stylesheets to download.

·         Full control over html to be displayed.

·         Comes with built in Twitter and Facebook hovercard.

·         Supports callback functions on hover in and hover out.

·         New! Auto adjust on the edges of viewport

·         Built in Twitter and Facebook Hovercard

When should you use hovercard:

A hovercard comes handy when displaying Person bio, Book author and price, Loading related information with Ajax, Editing in place, and what not! Check out the following demos to see some of this stuff in action :)

$('#demo-basic').hovercard({

    detailsHTML: $('#hiddenDiv').html()

});​

Example : 

<label id="demo-facebook" data-hovercard="8936834181"> jQuery </label> by John Resig is a cross-browser JS library designed to simplify

the client-side scripting of HTML. It was released in January of 2006 at BarCamp NYC. Used by over 46% of the 10,000

most visited websites, it's the most popular JavaScript library in use today. </p>    

//plugin script for facebook hovercard---

<script type="text/javascript">

$(document).ready(function () {   

     $('#demo-facebook').hovercard({

           showFacebookCard: true,          

           width: 350

      });

});

</script>

Reference : http://designwithpc.com/Plugins/Hovercard

Good Luck..