jQuery动画表tbody标签

Question

我的代码有效：

    $('a.click_more').click(function() {
            $(this).parents('table.city_table').children('tbody').toggle();
    });

我试图创建一个漂亮的平滑动画来显示和隐藏表格元素。我试过这个，但它和顶级代码一样，虽然有点延迟。可能是我设定的半秒持续时间。

    $('a.click_more').click(function() {
        $(this).parents('table.city_table').children('tbody').animate({height:'toggle'}, 500);
    });

有没有人完成动画表行，单元格，列等动画或有任何建议？

如果有人想要使用代码，我已经创建了一个jsfiddle：http://jsfiddle.net/BHqSM/1/

Answer 1

尝试slideToggle()功能：

$('a.click_more').click(function() {
    $(this).parents('table.city_table').children('tbody').slideToggle('slow');
});

Answer 2

由于你没有提到你正在寻找什么样的过渡，很难给你一个很好的例子。然而，jQuery提供了几个转换，您可以使用开箱即用的功能。例如，您可以使用.fadeToggle()淡化/淡出元素，或使用.slideToggle()向上/向下滑动元素，而不是只在块和无之间切换显示的.toggle()。

Answer 3

表格元素没有很好的动画效果，也没有绕过它。例如，动画行动画的唯一流畅方法是将内部td内容包装在div中并为div设置动画