Скрытие/показ нескольких элементов на jquery

[IvanRu08]

Всем привет. Есть форма поиска, которая по умолчанию скрыта display:none. В место него отображается меню. Когда я нажимаю на иконку поиска, то меню пропадает, появляется сама форма поиска, а вместо иконки поиска - крестик. При нажатии на крестик все возвращается обратно. Сделал это все на javascript прямо в html при помощь onlick="document.GetElementById". На этом форуме сказали, что решение очень устаревшее. Да и мне хочется, чтобы весь javascript код был в отдельном файле. Поэтому хочу реализовать это на jquery, но не знаю как.

 

В интернете не нашел как скрывать и показывать сразу несколько элементов. Можете подсказать, в каком направлении копать? Заранее спасибо

[jdk]

Покажите код того, с чем работаете. Ну а в целом примерно так

[IvanRu08]

Покажите код того, с чем работаете. Ну а в целом примерно так

Вот сайт http://appzorka.com/. Реализована там вот таким образом (прямо в html)

<div id="menuBlock" onclick="document.getElementById('menuTop').style.display = 'block', document.getElementById('menuBlock').style.display = 'none', document.getElementById('menuClose').style.display = 'block', document.getElementById('searchBlock').style.display = 'none';"></div><div id="menuClose" onclick="document.getElementById('menuTop').style.display = 'none', document.getElementById('menuClose').style.display = 'none', document.getElementById('searchBlock').style.display = 'block', document.getElementById('menuBlock').style.display = 'block';"></div>

[IvanRu08]

@jdk, Разобрался, спасибо большущее! 

Edited August 14, 2015 by IvanRu08