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

Question

[DeveloperV]

https://jsfiddle.net/timofeyw/ufy6swdr/
Вот что получилось, открывается нормально(плавно выезжая), но при закрытии меню сразу пропадает, всё из-за

.main-menu--closed .main-menu__item {
    display: none;
  }

Как это можно исправить?

Comments

[Тарас Шульга]

Боже зачем столько кода два двух кликов, и так все кривое но плавное, что вы вообще хотите, и зачем вообще jQuery для обработки двух кликов?)

[DeveloperV]

Тарас Шульга, я знаю, что там всё очень плохо, но по-другому еще не умею

[Тарас Шульга]

DeveloperV, вам накидать появление исчезновение меню в 2 клика?)

[DeveloperV]

Тарас Шульга, да, если можно, но как сделать это плавным?

[DeveloperV]

Тарас Шульга, Слушай, а что делать если блок nav занимает свое пространство, даже когда его нет.
https://jsfiddle.net/timofeyw/shfa6bvm/7/
Просто, если его скрывать через display: none, анимации не будет

[Тарас Шульга]

DeveloperV, просто выкинте его за пределы экрана да и все, в чем проблема?)