Flex Box SlideIn的自动Animate.css高度

Question

当我在点击标题时切换显示时，我想使用animate.css来滑动我的内容。

这是我目前所拥有的：

*/ With Animate.css /*

https://jsfiddle.net/rgLf0mhv/

这就是我想要实现的目标：

*/ With jQuery /*

https://jsfiddle.net/cm7a9jr7/

如何使用Animate.css（或vanilla CSS）实现此效果？