Hola:
Con display: none no se reserva sitio, así que se verá tal como tu quieres (DIV2 en la parte superior)... otra cosa sería que hubiera cosas en medio (esos asteríscos)
... para detectar si está visible o invisible...
if (document.getElementById("DIV1").style.display == "none") (javascript)
Saludos