Как сделать правильно выпадающее меню, чтобы не было видно анимации?
Как сделать, выпадающие меню после хедера? Не понимаю, как можно убрать анимацию с хедера, когда кликаешь на ссылку "Другое"? Может быть есть какие то примеры?
Вот код: https://codepen.io/koshotayl/pen/gOrgWLV
У вас у класса .nav__content изначально задано transform: translateY(-340px); opacity: 0;. При клике на "Другое" проставляется класс .active, меняющий эти свойства: opacity:1; transform: translateY(-16px);. Эффект появления, анимация происходит из-за заданного свойства transition: all 0.3s;.
Если вы хотите, чтобы меняю появлялось снизу без всяких анимаций, можно просто сделать, чтобы по умолчанию у .nav__content было display: none, а при active было display: block и убрать все вышеперечисленные свойства.