Mostrar y ocultar div

[Alexis88]

Puedes utilizar una clase para ocultar a cualquiera de los dos elementos. En la función, bastaría con tomes al elemento que posea la clase que lo oculta y se la quitas, mientras que para tomar al otro elemento, puedes utilizar la pseudo-clase CSS de negación :not para indicar que deseas tomar al elemento que no posea dicha clase.

Código HTML:

<section id = "elementos">
    <div>Primer elemento</div>
    <div class = "oculto">Segundo elemento</div>
</section>
<span id = "cambio">Cambiar</span>
 

Código CSS:

.oculto{
    display: "none";
}
 

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    document.querySelector("#cambio").addEventListener("click", function(){
        document.querySelector(".oculto").className = "";
        document.querySelector("#elementos div:not(.oculto)").className = "oculto";
    }, false);
}, false);
 

Adáptalo a lo que intentas hacer.

Un saludo