Wysuwane menu bez nagłego skoku

To menu ograniczone do minimum, żeby pokazać w czym problem: https://jsfiddle.net/ahnzpgL5/1/

Wychodzi płynnie, ale wraca skokowo. Gdy robiłem ostatnio suwak (przycisk) animowany to w obie strony wszystko pięknie. Teraz jednak nie mogę rozgryść w czym problem.

Po co animation? Lepiej transition:

.menu {
    position: absolute;
    top: -30vh;
    transition-property: top;
    transition-duration: .5s;
    transition-timing-function: ease;
}

.pokazMenu {
    top: 10vh;
}

https://jsfiddle.net/ahnzpgL5/28/