尝试使用jQuery使表缓慢显示

我有一个嵌套在另一个表中的表

。当用户单击该

的

元素时，我希望嵌套表向下滑动并使用jQuery缓慢显示。我已经基本上工作了，但是我对出现的表格有一个问题。它只是出现了，并不像我要求jQuery那样下降。以下是项目现场：

单击写着“购房者提示”的栏。这是我目前唯一与jQuery相关的项目

以下是我正在使用的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>

置业人士须知
电子邮件
链接
被改进的
置业人士须知
02/05/2012
02/05/2012
02/06/2012
预览
预览视窗

---

事先非常感谢你。请告诉我是否应该发布更多的代码。

我认为jquery不支持表格动画

（作为标记-不起作用）

如果将表#hidden1包装在DIV元素中，则slidedown将按预期工作

（工作）

将您的

#hidden1

表包装在一个div中，并调用该

#hidden1

。表具有

display:Table

，而不是

display:block

，因此其作用不同

此外，我会使用

slideToggle（）

而不是

slideDown（）

，这样您可以多次单击它来上下“切换”

请参见此处的示例：

感谢添加的“slideToggle（）”！