javascript - 使用动画向上/向下滑动表格

Question

我想用动画关闭/打开一个表格。为此，我尝试使用 jQuery 只是为了发现 jquery 无法在表上执行 slideUp/Down。当然，我可以.wrap()用来将该表包含在一个 div 中，但它很笨拙，有时会给我带来错误

还有其他选择吗？此外，jquery 动画也不流畅；如何在http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm中实现流畅的动画

Answer 1

jsFiddle 示例

<button id="hidr">Hide</button>
<button id="showr">Show</button>

<table border="1">
  <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
  </tr>
  <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
  </tr>
</table>

<script>
    $("#hidr").click(function () {
      $("table").hide("fast");
    });
    $("#showr").click(function () {
      $("table").show("fast");
    });
</script>