Mostrar y ocultar varias Div

[ceaped]

Hola PIRRUMAN
No me funciona. Mira lo que hice:

Código Javascript:

function divLogin(Idcaja){ 
   if(document.getElementById("caja_botonera_1").style.height==="0px" || document.getElementById("caja_botonera_2").style.height =='' || document.getElementById("caja_botonera_3").style.height ==''
   ){
       
   document.getElementById("caja_botonera").style.height = "500px";
   
   } else{
       document.getElementById("caja_botonera").style.height = "0px";      
   }   
}
 

Código HTML:

<div class="cajon_boton" onclick="divLogin('caja_botonera_1')"><img src="img_1.jpg" alt=""><p>Botón 1</p>
<div class="caja_botonera" id="caja_botonera_1">Contenido 1</div>
 
<div class="cajon_boton" onclick="divLogin('caja_botonera_2')"><img src="img_1.jpg" alt=""><p>Botón 2</p>
<div class="caja_botonera" id="caja_botonera_2">Contenido 2</div>
 
<div class="cajon_boton" onclick="divLogin('caja_botonera_3')"><img src="img_1.jpg" alt=""><p>Botón 3</p>
<div class="caja_botonera" id="caja_botonera_3">Contenido 3</div>
 

Gracias por tu ayuda