Si leíste lo que escribí en la respuesta anterior, habrás notado que dije lo siguiente:
Cita: Para controlar los estilos con JavaScript, debes acceder a ellos mediante la palabra style, seguida de un punto y el nombre de la propiedad a modificar
Entonces, en el ejemplo que coloqué, solamente tendrías que cambiar la propiedad
fontSize por
height o por cualquier otra propiedad a la que desees modificar su valor. Un pequeño ejemplo:
Código CSS:
Ver original#ejemplo {
height: 10em;
width: 30em;
background: #0f0;
border: .1em #f00 solid;
transition: height .8s;
}
Código Javascript
:
Ver originalvar div = document.getElementById("ejemplo");
div.addEventListener("click", function(e){
this.style.height = this.style.height == "20em" ? "10em" : "20em";
}, false);
En este nuevo ejemplo, tengo un Div al que cada vez que le de un clic, aumentará o disminuirá su altura, que creo que es lo mismo que estás buscando hacer.
Aquí puedes ver este ejemplo en ejecución.
Recuerda, la sintaxis para manipular estilos desde JavaScript es:
Saludos