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

Question

[Алексей Королёв]

Как сделать чтобы при нажатии на кнопку поиск (иконку) форма поиска перекрывала всё горизонтальное меню? Как на сайте https://atomograd.su/ к примеру.

Answer 1

[Антон]

https://jsfiddle.net/5hd0sm0v/

Comments

[Алексей Королёв]

Всё гуд. Хорошее решение, вопрос, а как анимацию убрать (появление с левого верхнего угла) или сменить?

[Антон]

Алексей Королёв, .hide(), .show() без параметров в скобках. данный параметр - скорость анимации появления, + данные методы по умолчанию имеют анимацию от угла.
Можете воспользоваться fadeIn() и fadeOut(), или вовсе использовать метод animate для того, чтобы настроить свою

Answer 2

[Илья Магденко]

Используй js, при клике скрывает меню и открывает поиск. Если топорным методом, то вся шапка внутри дива, при клике его скрывает и открывает другой див.

Comments

[Алексей Королёв]

А можно подробнее о топорном способе и практическим решением? Буду очень благодарен