Как сделать правильно выпадающее меню, чтобы не было видно анимации?

Question

[koposov_v]

Как сделать, выпадающие меню после хедера? Не понимаю, как можно убрать анимацию с хедера, когда кликаешь на ссылку "Другое"? Может быть есть какие то примеры?
Вот код: https://codepen.io/koshotayl/pen/gOrgWLV

Comments

[TAnonim]

У вас у класса .nav__content изначально задано transform: translateY(-340px); opacity: 0;. При клике на "Другое" проставляется класс .active, меняющий эти свойства: opacity:1; transform: translateY(-16px);. Эффект появления, анимация происходит из-за заданного свойства transition: all 0.3s;.

Если вы хотите, чтобы меняю появлялось снизу без всяких анимаций, можно просто сделать, чтобы по умолчанию у .nav__content было display: none, а при active было display: block и убрать все вышеперечисленные свойства.

[koposov_v]

TAnonim, А как можно сделать с анимацией ?