Todo eso se puede hacer con un solo div
por ejemplo tenemos esto
Código HTML:
Ver originalfunction cargar_contenido(contenido)
{
document.getElmentById.innerText = contenido;
document.getElmentById.textContent = contenido;
}
#contenido
{
visibility:hidden;
}
<button id="uno" onclick="cargar_contenido('contenido primer div');">1
</button> <button id="dos" onclick="cargar_contenido('contenido segundo div');">2
</button> <button id="tres" onclick="cargar_contenido('contenido tercer div');">3
</button>
Cada boton tiene el evento onclick y por medio de este pasa su contenido a la funcion(cargar_contenido), esta funcion recibe dicho contenido en su parametro llamado "contenido",
luego usamos las propiedades innerText y textContent
Estas propiedades hacen lo mismo solo que innertext no existe en firefox y textcontent si existe por eso usamos las 2 para que funcione el codigo en todos los navegadores
y bueno estas propiedades meramente ponen contenido en el div, borran el anterior y ponen el nuevo
Saludos