desde el maqueteo si me cambiaba el tamaño pero cuando lo meti a la pagina ya no este es el código:
Código
<div id="world"> <div class="credencialPos"> <div class="fCuerpo" id="ficha"> <div class="fBoxDatos" id="BoxD"> <div class="fBoxDatos1"> <div class="fBoxDatos2"> </div> <div class="fBoxDatos3"> </div> </div> </div> <div class="fBoxMedallas" id="BoxM"> <img src="../Mesa/Imgs/Medallas/medalla1.png" width="100" height="100" /> </div> </div> </div> </div>
Ahora el de mi js
Código
Si vuelve visible y lo oculta los DP y DM pero ficha no obtiene ningun cambio
var p = false; var m = false; var DP = document.getElementById("BoxD"); var DM = document.getElementById("BoxM"); var ficha = document.getElementById("ficha"); function abrirDP() { if (p) { p = false; ficha.style.height = 420; DP.style.visibility = "hidden"; } else { p = true; m = false; ficha.style.height = 580; DP.style.visibility = "visible"; DM.style.visibility = "hidden"; } } function abrirDM() { if (m) { m = false; ficha.style.height = 420; DM.style.visibility = "hidden"; } else { p = false; m = true; ficha.style.height = 510; DP.style.visibility = "hidden"; DM.style.visibility = "visible"; } }