Estoy construyendo un javascript que me permita mostrar lentamente un div. Desde altura=0 hasta la altura del div.
Quiero algo parecido a esto (lawebdelprogramador.com/codigo/codigo.php?idp=1803&id=45&texto=JavaScript) pero sólamente expandiendo.
Mi código es este:
Código:
<html>
<head>
<style>
#id{
display:none;
}
#img{
height:70px;
width:70px;
background:url(img.gif);
}
</style>
<script type="text/javascript">
function mostrarDiv(idDiv, heightDiv){
heightVar=0;
document.getElementById(idDiv).style.height=heightVar+"px";
document.getElementById(idDiv).style.display='block';
expandir(idDiv,heightDiv,heightVar);
}
function expandir(idDiv,heightDiv,heightVar){
if(heightVar<heightDiv){
heightVar++;
document.getElementById(idDiv).style.height=heightVar+"px";
window.setTimeout("expandir(idDiv,heightDiv,heightVar);", 5);
}
}
</script>
</head>
<body>
<a href="javascript:mostrarDiv('id','70');">Abrir</a>
<div id="id">
<div id="img"></div>
</div>
</body>
</html>
No se por qué no funciona
Muchas gracias