Acordeón que expanda un div y contraiga otro

[Reedyseth]

Mira puedes ponerle la misma clase a los div y con javascript creas una funcion en el evento onClick que hara lo siguiente:

Cuando le des click y se vaya al evento onclick llama una funcion que se encargue de ocultar todos los elementos con la clase que asignaste, digamos 'acordeon', y ahi mismo vuelves a mostrar el div que ocultaste anteriormente, seria algo asi:

Código Javascript:

function ocultarDivs() {
   var elements = document.getElementsByClassName("acordeon");
   elements.style.display = "none";
   this.style.display = "block";
}
 

En este caso

Código:

this

hace referencia al objeto/funcion ocultarDivs, que a su vez fue invocado por un div especifico que tenia el evento 'onClick'.