css3 transition 动画状态切换

问题描述：

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

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

---

把transition用在active状态

---

transition动画放到active类里