Problema al mostrar/ocultar div

[hector2c]

ahi va !!!

Código PHP:

  $(document).ready(function(){ 
 
    xOffset = 10; 
    yOffset = 20;         
 
    $("a.tooltip").hover(function(e){                                               
        this.t = this.title; 
        this.title = "";                                       
        $("body").append("<p id='tooltip'>"+ this.t +"</p>"); 
        $("#tooltip") 
            .css("top",(e.pageY - xOffset) + "px") 
            .css("left",(e.pageX + yOffset) + "px") 
            .fadeIn("fast");         
    }, 
    function(){ 
        this.title = this.t;         
        $("#tooltip").remove(); 
    });     
 
    $("a.tooltip").mousemove(function(e){ 
        $("#tooltip") 
            .css("top",(e.pageY - xOffset) + "px") 
            .css("left",(e.pageX + yOffset) + "px"); 
    });             
 
});  
   

y este es el html

Código HTML:

<ul>
	<li><a class="tooltip" title="primer item">lalalala</a></li>
    <li><a class="tooltip" title="segundo item">asdfasdfas</a></li>
    <li><a title="tercer item">asdfasdfasd</a></li>
</ul>
<style type="text/css">
	#tooltip{
		position:absolute;
		border:1px solid #333;
		background:#f7f5d1;
		padding:2px 5px;
		color:#333;
		display:none;
	}
</style> 

pues, funciona eXelente, llamado tooltip, mas información puedes ver el enlace del autor