este ejercicio este interesante no es solo un ejercicio de capas, sino juegas con el tiempo, ojala alguien pueda porque yo todavia no he podido
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="Javascript">
var temporizadorplegar;
var temporizadordesplegar;
function recoger(){
clearTimeout(temporizadordesplegar);
var altura=parseInt(document.getElementById('contenido ').style.height); //quiten el espacio que da ya que lo da al copiar en contenido ('contenido')
if(altura>0)
{
altura--;
document.getElementById('contenido').style.height= altura+"px";
temporizadorplegar=setTimeout("recoger()",10);
}
else
{
clearTimeout(temporizadorplegar);
} }
function desplegar(){
clearTimeout(temporizadorplegar);
var altura=parseInt(document.getElementById('contenido ').style.height);//quiten el espacio que da ya que lo da al copiar en contenido ('contenido')
if(altura<305){
altura++;
document.getElementById('contenido').style.height= altura+"px";
temporizadordesplegar=setTimeout("desplegar()",10) ;
}
else
{
clearTimeout(temporizadordesplegar);
}
}
</script>
</head>
<body>
<div id="botones" style="width:600px; height:20px;">
<input type="button" id="recoger" value="recoger" onclick="recoger()" />
<input type="button" id="desplegar" value="desplegar" onclick="desplegar()" />
</div>
<div id="contenido" style="width:720px; height:305px; background-color:#006699; position:relative;"></div>
quiero que estos botones tambien puedan reutilizar la primera funcion pero no he podido, para hecer una funcion global
alguien sabe como
<br>
<input type="button" id="recoger" value="recoger" onclick="recoger()" />
<input type="button" id="desplegar" value="desplegar" onclick="desplegar()" />
<div id="contenido2" style="width:720px; height:305px; background-color: #CC0000; position:relative;"></div>
</body>
</html>