添加带动画的表格行

Question

我试图动态添加表格行，我想让它动画化。问题是这段代码没有动画表高度，它会立即变长，但我想让它顺利进行，比如fadeIn()。

$(document).ready(function () {
    $("#mfrmAdd").on("click", function () {
            var _tr;
            _tr = "<tr id='foo1'>" +
            "<td>col1</td>" +
            "<td>col2</td>" +
            "</tr>";
            $(_tr).hide().insertAfter("#startPoint").fadeIn('slow');
    });
});

您可以在此处查看代码：http://jsfiddle.net/utXC2/