Как запустить анимацию при клике и снова при клике запустить ее в обратном порядке?

Question

[Alice777]

Есть гамбургер меню. При клике на него должна происходить анимация(треугольник расширяется на всю ширину экрана при этом задавая пунктам меню фон). При нажатии на крестик(гаммургера) этот фон снова возвращается в треугольник. Набросок(не рабочий прилагаю)

как это осуществить

https://jsfiddle.net/yeobjq98/

Answer 1

[Niriter Inc.]

погугли "обратная анимация"

Answer 2

[Kovalsky]

animation-direction, animation-fill-mode