Mas información (desplegar div) javaScript
<html>
<head>
<title>Untitled</title>
<style>
#masinfo{
border:solid 1px silver;
width:200px;
padding:5px;
overflow:hidden;
}
</style>
<script>
var alturaMaxima;
var cantidad;
function mostrar(esto){
cantidad = parseInt(document.getElementById(esto).offsetHeight) + 1;
document.getElementById(esto).style.height=cantidad+"px";
if(cantidad <=alturaMaxima){
setTimeout("mostrar('"+esto+"')",10);
}
}
function tamaño(esto){
alturaMaxima=document.getElementById(esto).offsetHeight;
alert(alturaMaxima);
document.getElementById(esto).style.height=(parseInt(alturaMaxima/4))+'px';
}
</script>
</head>
<body><a href="#" onclick="mostrar('masInfo');return false">Más Info</a>
<div id="masInfo" >
Estaba el señor Don Gato<br/>
sentadito en su tejado<br/>
marramiau, miau, miau,<br/>
sentadito en su tejado.<br/>
<br/>
Ha recibido una carta<br/>
por si quiere ser casado,<br/>
marramiau, miau, miau, miau,<br/>
por si quiere ser casado.<br/>
<br/>
Con una gatita blanca<br/>
sobrina de un gato pardo,<br/>
marramiau, miau, miau, miau,<br/>
sobrina de un gato pardo.<br/>
<br/>
<script>tamaño('masInfo');</script>
</div>
</body>
</html>
Comentarios