desplegar capa gradualmente.

[sancroce]

Estoy intentando hacer aparecer (desplegar) una capa desde 0px hasta el 100% de la misma. Estuve probando con este script como para que al menos se despliegue de a poco pero sin embargo sigue apareciendo sin transcicion.

function agrandar(capa){
var altura=0;
var cadena="";
var porcentaje="";

cadena=document.getElementById(capa).style.height;
if(cadena.length=="2"){
porcentaje=cadena.substr(0,1);
}else if(cadena.length=="3"){
porcentaje=cadena.substr(0,2);
}else if(cadena.length=="4"){
porcentaje=cadena.substr(0,3);
}else if(cadena.length=="5"){
porcentaje=cadena.substr(0,4);
}

if(parseInt(porcentaje)<100){
altura=parseInt(porcentaje)+5;
document.getElementById(capa).style.height = altura+"%";
setTimeout("agrandar('"+capa+"')",1000);
}
}