Tengo la siguiente función:
function openReal(realName) {
var i;
var x = document.getElementsByClassName("real");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(realName).style.display = "block";
}
Lo que hace esta función es abrir los divs que tienen la misma clase en una especie de 'tabs', al dar click en otro boton se cierra el antiguo div, lo que quiero lograr es que pueda cerrar ese div con el mismo boton con el cual lo abri, ya quite:
x[i].style.display = "none";
para quitar la funcion de que se cierren cuande click en otro botón, pero no sé como hacer lo que estoy buscando.
<button onclick="openReal('primero')">Abrir primero</button>
<div id='primero' class='real'>CONTENIDO</div>
<button onclick="openReal('segundo')">Abrir primero</button>
<div id='segundo' class='real'>CONTENIDO</div>
<!-- ETC ... -->
<style>
.real{
display: none;
}
</style>