jQuery espectáculo div lado de etiqueta de enlace

Question

Puede alguien por favor ayuda? Soy nuevo en jQuery y estoy atascado en algo que parece demasiado simple. Lo siento si esto es un repost pero no pude encontrar lo que estaba buscando.

tengo 2 enlaces en una página y que se pasa sobre uno de los enlaces, usted muestra un div que corresponde al lado del enlace. Como un emergente de diálogo. Esto es lo que tengo, por favor hágamelo saber lo que estoy haciendo mal ..

js código:

function Show(id)

{

    var pos = $("a#88" + id).offset();     
    var eWidth = $("a#88" + id).outerWidth(); 
    var mWidth = $("div#99" + id).outerWidth(); 
    var left = (pos.left + eWidth - mWidth) + "px"; 
    var top = pos.top + "px";


   //alert(left + ' ' + top);


    $('div#99'+id).css("top", top);
    $('div#99'+id).css("left", left);
    $('div#99'+id).css("position", "fixed");


    $('a:Tip').hover(        
    function($e) { $('div#99'+id).slideDown(500); },        
    //function($e) {  },
    function($e) { $('div#99'+id).slideUp(500); }
);

}

código html:

    <a href="#" id="88123456" class="Tip" onmouseover="Show(123456);">Some Title Text</a>
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
<a href="#" id="88456789" class="Tip" onmouseover="Show(456789);">Some Title Text2</a>  
<br />   
 <div id='99123456' title="hello" style="display:none;">
    something here;99123456

 </div>

 <div id='99456789' title="hello" style="display:none;">
    something here;99456789

 </div>

Gracias

Answer 1

Puede ser esto es lo que busca

<script type="text/javascript">
$().ready(function(){

    $('a.Tip').hover( function(){

     var link = $(this);
     var dialog = link.next('div');

    dialog.css("top", link.position().top);
    dialog.css("left", link.position().left + link.width());
    dialog.css("position", "fixed"); 

    dialog.slideDown(500);
    },

    function() { 
    $(this).next('div').slideUp(500);
    });

});

</script>

<a href="#"  class="Tip" >Some Title Text</a>
  <div  title="hello" style="display:none;">
    something here;99123456
 </div>
 <br />
<a href="#"  class="Tip" >Some Title Text2</a>  
 <div  title="hello" style="display:none;">
    something here;99456789
 </div>

Answer 2

¿Por qué no sólo tiene que utilizar

$('a.Tip').hover(function() {
        $(this).next().slideToggle();
    });