实现分组表格详情行从下至上滑收起的动画效果

需求与问题 #

• 开发带分组行的表格，要求点击分组行首单元格的减号时，详情行从最后一行开始以滑收起动画的方式收缩消失
• 参考现有示例修改代码后，仅出现滑动效果，但详情行并未实现预期的收缩效果

尝试思路 #

曾考虑通过each遍历结合delay延迟的方式，控制每行动画的触发顺序，来实现从后往前的收起效果

最终解决方法 #

将所有详情行统一包裹在分组行下方的一个<div>容器中，给这个容器设置明确的尺寸（比如固定高度），再配合动画逻辑，就能实现详情行从后往前滑收起的收缩效果

内容的提问来源于stack exchange，提问作者derstauner