CSS transition + display:none は子要素があれば出来る

あるいは親要素があれば。

方法

1. 子要素でdisplay切り替え
2. 親要素でtransition

デメリット?

• HTMLの改変がいるかもしれない

デモ

https://codepen.io/anon/pen/erxoov

個人的にはCSSのみでどうこうするよりJSかませた方が良いと思う。