Реализация блока с возможностью закрыть над header?

Question

[dieiN]

Подскажите как сверстать аккуратно подобный блок над хедером сайта, с возможностью его закрыть?

Comments

[Рустам Байназаров]

А чем он отличается от того же header'a, который будет под ним? Обычный блок. Закрытие осуществляете с помощью JS.

Answer 1

[hzzzzl]

яваскриптом по клику на кнопку?
https://codepen.io/anon/pen/NQdwMK

Comments

[dieiN]

А если без JS и скрывался плавно?

[Рустам Байназаров]

dieiN, без JS — это хаком. Используйте JS для функционала, как обычные люди.

Плавно — меняйте значение высоты до нуля, например.

[dieiN]

Рустам Байназаров, Благодарю!