Ok este es el código
Código PHP:
var encurso = false;
var celda1;
function aumenta(tipo1,tama1,valor1)
{
if(!encurso)
{
celda1 = document.getElementById(tipo1);
celda1.tip = tipo1;
celda1.val = valor1;
celda1.tam = tama1
tempor = setInterval("aaa()", 10)
};
}
function aaa()
{
encurso = true;
var celda = document.getElementById(celda1.tip);
var capa1 = document.getElementById(celda.tip + '1');
var capa2 = document.getElementById(celda.tip + '2');
var imagen_izq = document.getElementById("imagen_izq");
var imagen_der = document.getElementById("imagen_der");
if (celda.val)
{
celda.agranda = Number(celda.style.height.replace("px",""));
celda.agranda = celda.agranda + 5;
if (celda.agranda > celda.tam)
{
encurso = false;
clearInterval(tempor);
celda.innerHTML = capa1.innerHTML
}else{
celda.style.height = String(celda.agranda);
imagen_izq.style.height = String(Number(imagen_izq.style.height.replace("px",""))+5);
imagen_der.style.height = String(Number(imagen_der.style.height.replace("px",""))+5);
}
}else{
celda.disminuye = Number(celda.style.height.replace("px",""));
celda.disminuye = celda.disminuye-5;
if (celda.disminuye < 20)
{
encurso=false;
clearInterval(tempor);
}else{
celda.innerHTML = capa2.innerHTML;
celda.style.height = String(celda.disminuye);
imagen_izq.style.height = String(Number(imagen_izq.style.height.replace("px",""))-5);
imagen_der.style.height = String(Number(imagen_der.style.height.replace("px",""))-5);
}
}
}
y la llamada a la funcion
Código HTML:
<a onClick="aumenta('tele',290,true);" style="cursor:pointer;">LINK<span style="font-size: 10px">(+)</a> Es un poco complicado pero es la forma que se me ocurrio
El script lo que hace es cuando se lo llama modifica el height de la celda hasta el tamaño deseado y despues coloca el contenido que hay en una capa oculta. Para cerrarla primero borra el contenido, luego lo achica y por utimo coloca el contenido de una segunda capa oculta.
el error que me da es que al dar click sobre el link no hace nada
Gracias