<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.1.js" type="text/javascript"></script>
<script>
var delayTime=0;
$(document).ready(function(){ $('#texto').click(function(){ if($("#textoEscondido").is(":visible")) { $("#textoEscondido").slideUp() }else{ $("#textoEscondido").slideDown() }
});
});
</script>
<style>
#texto {display:inline-block;background:#ccc;padding:10px;}
#textoEscondido {display:none;padding:10px;border:1px solid #777;margin:10px;}
</style>
</head>
<body>
<div id="texto">Pulsa aquí para mostrar u ocultar el texto</div>
<div id="textoEscondido">Este texto es un texto de prueba<br>Para ver como se abre y cierra la cortina con el contenido.</div>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios