jquery 在链接标签旁边显示 div

Question

有人可以帮忙吗？我是 jquery 的新手，我被一些看起来太简单的东西困住了。抱歉，如果这是转发，但我找不到我要找的内容。

我的页面上有 2 个链接，当您将鼠标悬停在其中一个链接上时，会在该链接旁边显示相应的 div。就像弹出对话框一样。这是我所拥有的，请让我知道我做错了什么..

js 代码：

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); }
);

}

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>

谢谢

Answer 1

也许这就是您正在寻找的

<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

你为什么不直接使用

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