Как синхронизировать анимацию?

Question

[Yevhenii K]

При закрытии меню панель с подкатегориями исчезает быстрее.

1. Как синхронизировать анимацию скрытия панелей моб. меню?
   
2. Из за чего они скрываются с разной скоростью если у всех стоит одинаковый duration?
   
3. Почему при загрузке страницы происходит анимация?
   

codepen.io/AFI/pen/zNYQvL

Answer 1

[Alexander Belov]

3. Анимация при загрузке страницы выполняется, потому что сначала загружается скрипт с ней, а потом с JS.
На .container можно повесить класс, отменяющий анимацию, а в JS первым делом убрать этот класс с .container. Лучшего варианта не знаю.