Código de JQuery - Ejemplo de la utilización de slideUp y slideDown

Imágen de perfil

Ejemplo de la utilización de slideUp y slideDowngráfica de visualizaciones


JQuery

Publicado el 02 de Agosto del 2014 por Xavi
1.624 visualizaciones desde el 02 de Agosto del 2014. Una media de 14 por semana
Este es un simple ejemplo, para poder mostrar la utilización de las funciones de jquery slideUp() y slideDown() para mostrar y ocultar un div en modo persiana.

Versión 1

Publicado el 02 de Agosto del 2014gráfica de visualizaciones de la versión: Versión 1
1.625 visualizaciones desde el 02 de Agosto del 2014. Una media de 14 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!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>



Comentarios sobre la versión: Versión 1 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2731