JQuery的：顯示/隱藏的div

在我的HTML的身體結束時，我有以下的Javascript：JQuery的：顯示/隱藏的div

<script> 

$(document).ready(function() { 

    $("a").click(function(event) { 

     var div_to_show=event.target.id; 

     var real_div=div_to_show.split('-'); 

     var display_div=real_div[0]; 

     var elementPos=$("#"+div_to_show).offset(); 

     var top_pos=elementPos.top-118.5;   

     $('#board-right div').hide(); 

     $("#" + display_div).css('margin-top',top_pos); 

     $("#" + display_div).show(); 

    }); 

}); 

</script>

，這裏是它被認爲操縱HTML：

<div id="board-left"> 
<div id="board-names"> 
    <a id="marci-link">Marci Weisler</a><br /> 
    <a id="nicholas-link">Nicholas Rey</a><br /> 
</div> 
</div><!-- #board-left --> 



<div id="board-right"> 
    <div id="marci" style="display:none;"> 
    <p> 
     Marci Weisler is an accomplished... 
    </p> 
</div> 
<div id="nicholas" style="display:none;"> 
    <p> 
     Nicholas Rey is a French-born... 
    </p> 
</div>  
</div><!-- board-right -->

所以，代碼應該從點擊鏈接中獲取div名稱，刪除「-link」部分，然後顯示相應的div。目前沒有任何事情發生時，我點擊鏈接。正如我正在寫這篇文章，我想知道這是否是一個CSS問題？有任何想法嗎？

順便說一句，在文檔中有一個鏈接到jQuery 1.3。

來源

2011-10-28 Michael Blaustein