如何在表格行上使用slideDown（或show）函数？

我正在尝试向表中添加一行并将该行滑入视图中，但是 Slidedown 函数似乎向表行添加了 display:block 样式，这会弄乱布局。

有什么想法可以解决这个问题吗？

这是代码：

$.get('/some_url', 
  { 'val1': id },

  function (data) {
    var row = $('#detailed_edit_row');
    row.hide();
    row.html(data);
    row.slideDown(1000);
  }
);

表行不支持动画。

摘自 Chaffer 和 Swedberg 的“学习 jQuery”

表格行呈现特定的 动画的障碍，因为浏览器 使用不同的值（表行和 块）以进行可见显示 财产。 .hide() 和 .show() 没有动画的方法总是 可以安全地与表行一起使用。作为 jQuery 版本 1.1.3、.fadeIn() 和 .fadeOut() 也可以使用。

您可以将 td 内容包装在 div 中并在其上使用 SlideDown。您需要决定动画是否值得额外的标记。