Сделать один div видимым, а другой невидимым

У меня есть два тега div, один для поиска, а другой - для результатов. Мне нужно, чтобы при нажатии кнопки отправки результаты возвращаются и помещаются в div результатов (с iframe), а div поиска должен становиться скрытым, а div результатов должен быть видимым.

div поиска изначально установлен в видимый (используя видимость в видимый), а div результатов изначально установлен как скрытый (используя видимость как скрытую).

Кроме того, изначально существует огромное белое пространство внизу страницы, где находится скрытый блок, Итак, как мне убедиться, что внизу нет лишних пробелов.