<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>gepd - Mikel - caricatos</title>
<header>
<script>
function achicar(minimo,ID){
contenido = document.getElementById(ID);
altura = contenido.style.height;
altura = parseFloat(altura);
if(altura > minimo){
altura--;
contenido.style.height = altura + "px";
ocultar = altura-1;
if(ocultar == minimo){ contenido.style.display = "none";
}
}
if(altura > minimo){
Rminimo = minimo;
setTimeout("achicar(Rminimo,ID2)",1);
}
}
function agrandar(maximo,minimo,ID){
ID2=ID;
contenido = document.getElementById(ID);
altura = contenido.style.height;
altura = parseFloat(altura);
if(altura < maximo){
altura++;
contenido.style.display = "block";
contenido.style.height = altura + "px";
}
if(altura < maximo){
Rmaximo = maximo;
Rminimo = minimo;
setTimeout("agrandar(Rmaximo,Rminimo,ID2)",1);
}
}
</script>
</header>
<body bgcolor="#cccccc" topmargin="0" leftmargin="0" rightmargin="0">
<div id="barra" style="background:#CCCC00; height:0px; overflow: hidden;display: none;">Este es el texto que debe aparecer</div>
<a href="#" onClick="agrandar(40,0,'barra');">agrandar</a>
<a href="#" onClick="achicar(0,'barra');">achicar</a>
</body>
</html>