Visibilty:hidden pour une partie d'un div

Bonjour
j'ai un conteneur, avec 3 divs à l'intérieur.
Le conteneur change de taille toutes les secondes (grâce à une fonction javascript).
Dans la fonction js, un nombre est pris entre 1 et 100; c'est ce nombre qui détermine la taille (en px).

J'aimerais, pour que la taille se modifie, cacher une partie du conteneur, plutôt que d'agir directement sur l'attribut height.

En gros, si x represente ma variable aléatoire, j'aimerais avoir un truc du genre:

document.getElementById("mydiv").style.visibility =  hidden('100'-x);

Mais apparement le hidden ne prend pas de paramètre, soit on cache tout, soit on cache rien...

<div id="mydiv">
<div class="rouge"></div>
<div class="jaune"></div>
<div class="vert"></div>
</div>

Merci d'avance