CSS Animace

Ahoj,

chtěl bych animovat display: none a display: block přes css po kliknutí na nějaký objekt. Vím, že to nejde, ale určitě to nějakou kličkou jde. Pomocí pozicování, opacity, transition, či key frames apod. Ale ani za boha se mi to nedaří. Máte někdo nápad, jak docílit animace (fade out, fade in) jen skrze css?

Ukázkový příklad: jsfiddle.net