научить скрипт отрабатывать также безупречно, если я кликаю в навигацию с любой страницы. На данный момент он вроде не реагирует, страница загружается, где я уже на нужном месте и есть хеш в адресной строке, хотя бы пусть не мотает, от хеша бы избавиться.
Чесговоря, не видел что бы использовалось outline, а вот box-sizing: border-box постоянно.
Для форм outline обычно применяют чтобы показать состояние :focus, а не :hover.
Mikhail, ну например сделать отступ не с помощью margin у page-header__drop-list, а с padding у page-header__drop-content и overflow hidden чтобы дочерний элемент за границы родителя не вылезал.
Можно анимацию не jQuery (вообще я не понимаю его), а толковую на css написать.
Там еще я заметил что-то с курсором при наведении на пункты меню, что-то там конфиктует.
Mikhail, Аааа, так между кнопкой и меню есть отступ, когда туда попадает курсор меню теряет наведение и начинает скрытие, при скрытии анимация двигает его вверх под курсор, и оно снова пытается раскрыться и так по кругу.
Но, если у вас остается класс hidden то свойство из него display: none будет работать, а если как написали выше сделать .style.display = "block";, то установленный инлайновый стиль перекроет правила из класса hidden.
Антон Спирин,
Кхе кхе, коммент выше был написан до того как вы отредактировали своё сообщение, добавив вторую часть с кодом. Это не попытка улучшить ваш код, а «заполнение пробелов» в коде вопроса, должное проиллюстрировать что у объекта действительно нет имени пока мы сами его не напишем.