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

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