Duda sobre .toggle()

Lopezito · #1 (**permalink**) 20/01/2011, 07:28

Hola, nuevamente yo..
Bueno eh buscado el efecto de delizar una capa...
Como hago para que el div este oculto y luego aparezca, osea quiero el efecto al revez..
No se mucho de lo que es jquery por eso recurro a ustedes..
El codigo:

Código:

 <!DOCTYPE html> <html>
  <head>
   <style> div { background:#dad; font-weight:bold; font-size:16px; } </style> 
   <script src="http://code.jquery.com/jquery-1.4.4.js"></script> </head>
    <body>
     <div>Hiya<br />Such interesting text, eh?</div> <br/>
     <button>Toggle 'em</button>
	 <script> $("button").click(function () { $("div").toggle("slow"); }); </script> 
   </body> 
</html>

Al codigo lo saque de la web de jquery.com...
Bueno espero respuestas.
Dew~

JavierB · #2 (**permalink**) 20/01/2011, 12:56

Hola Lopezito

Muevo tu tema al foro de Frameworks y Plugins Javascript desde Javascript.

Saludos,

Yoi · #3 (**permalink**) 21/01/2011, 07:42

ponle al div el style asi:
<div style='display:none;'>contenido oculto</div>
<script> $("button").click(function () { $("div").slideDown("slow"); }); </script>

Lopezito · #4 (**permalink**) 23/01/2011, 03:42

Cita:

Iniciado por Yoi

ponle al div el style asi:
<div style='display:none;'>contenido oculto</div>
<script> $("button").click(function () { $("div").slideDown("slow"); }); </script>

Gracias, ya pueden cerrar el tema.
Perdon es que se me haabia olvidad el tema..
Adios.