css3 transition 动画状态切换

Question

问题描述：

动画状态切换分为常态和被选中的active状态。我想用transition做高度的渐变动画。
当选中时，被选中的li有动画，但是，被移除了active的li怎样也有动画呢？

demo：
https://jsfiddle.net/xmlovecss/0unLwccp/

Answer 1

把transition用在active状态

Answer 2

transition动画放到active类里