Rozwijane pole do wyszukiwania zakrywające menu Opcje

[Aver4]

Witam, mam zwykłe poziome menu i chciałbym aby po naciśnięciu przycisku "search" rozwinął się input, zakrył menu i można było w nim wpisac szukaną frazę. Jako że tak we froncie jestem od niedawna to nie wiem jak się za to zabrać. Mój pomysł polega na tym żeby ukryć to pole po naciśnięciu je pokazać i zastosowac coś z css3 animation. Ale do tego chyba bede potrzebował js?

http://codepen.io/anon/pen/VjVwQV