Как скрыть элемент после анимации без JS?

Question

[DTX]

https://codepen.io/DTX/pen/QvRXxM

Нужно, чтобы после расширения блок приобретал display: none;. Можно такое провернуть? Есть подозрение, что нужно смотреть в сторону функции step-end

Answer 1

[Negwereth]

Почему сразу без JS? "transitionend" событие не устраивает чем-то?