試圖讓表緩慢出現與jQuery

我有一個表嵌套在另一個表<td>內。當用戶點擊該<td>的<h3>元素時，我希望嵌套表格向下滑動並使用jQuery緩慢顯示。我有它基本上工作，但我出現表有問題。它只是出現，並不像我要求jQuery那樣下降。這裏是項目網站：試圖讓表緩慢出現與jQuery

點擊「Home Buyer Tips」欄。這是我現在綁定的jQuery中唯一的項目。

Drop down table

這裏是jQuery的我使用：

$("h3#homeBuyerTips").click(function() { 
    $("#hidden1").slideDown("slow");

下面是嵌套表CSS：

#hidden1 { 
    display: none; 
}

這裏是只是該項目的HTML我我試圖顯示：

<tr>   
    <td colspan="3"> 
    <h3 id="homeBuyerTips">Home Buyer Tips</h3> 
    <table id="hidden1"> 
     <thead> 
     <th>Email</th> 
     <th>Link</th> 
     <th>Modified</th> 
     </thead> 
     <tr> 
     <td rowspan="3">Home Buyer Tips</td> 
     <td class="link" id="version11"> 
      <a href="http://www.crm-newsletter.com/client-to-client/homeBuyerTips/homeBuyerTip_email1.html" target="_blank">version 1</a> 
     </td> 
     <td class="date">02/05/2012</td> 
     </tr> 
     <tr> 
     <td class="link" id="version12"> 
      <a href="http://www.crm-newsletter.com/client-to-client/homeBuyerTips/homeBuyerTip_email2.html" target="_blank">version 2</a> 
     </td> 
     <td class="date">02/05/2012</td> 
     </tr>   
     <tr> 
     <td class="link" id="version13"> 
      <a href="http://www.crm-newsletter.com/client-to-client/homeBuyerTips/homeBuyerTip_email3.html" target="_blank">version 3</a> 
     </td> 
     <td class="date">02/06/2012</td> 
     </tr> 
     <tr id="previewTitle"><td colspan="3">Preview</td></tr> 
     <tr> 
     <td id="previewWindow1" class="previewWindow" colspan="3" style="background: #FFF; height: 250px; width:780px;"> 
      <h2>Preview Window</h2> 
     </td> 
     </tr> 
    </table> 
    </td> 
</tr>

非常感謝你提前。請讓我知道我是否應該發佈更多我的代碼。

來源

2012-02-14 Michael Rader