Collapse 效果实现

这个问题曾经在 开发 tree 组件的时候遇到过 今天系统整理下 纯CSS的解决方案有二

1. max-height
2. translateY 这里的困境源于动画的渐变是需要数值到数值的，而 height: auto 这个不算数值
3. 针对这点，可以上 JS 进行高度获取 height，其中对 scrollHeight 的利用注意下

The Element.scrollHeight read-only property is a measurement of the height of an element's content, including content not visible on the screen due to overflow.

针对上述三个解决方式，demo 可以参看这个集合