Dudas de Programacion

Dudas sobre lenguajes y apis de programación

Dudas de Programacion » Scripting » jQuery

1. 

   quodigital
   Member

   Reputation:3

    

   Tengo el siguiente codigo, pero lo hace automatico, y lo que quiero es apretar el div y que se esconda el texto, no se como hacerlo .

   <div onclick="fede()"id="micontenido" style=" background:#9C0; border:double:#F00">
      aca tu contenido. asegurate que sea extenso para que puedas ver el efecto-->
   </div>
    
   <script type="text/javascript">
   $(document).ready(function(){
     $(document).ready(function () {
       $('#micontenido').fadeOut(1200);
     });
   });
   </script>

   Posted 1 year ago #
   
   
   
2. 

   lineadecodigo
   Member

   Reputation:93

    

   Sería mediante el método click sobre la capa.

   <script type="text/javascript">
   $(document).ready(function(){
     $('#micontenido').click(function () {
       $('#micontenido').fadeOut(1200);
     });
   });
   </script>

   Salu2,
   Linea de Código.
   http://lineadecodigo.com

   Posted 1 year ago #
3. 

   quodigital
   Member

   Reputation:3

    

   Hola Muchas gracias por tu tiempo, anda de 10, yo pincho sobre el div y este se esconde lentamente, buenisimo, lo que necesito y me he explicado mal anteriormente, es pinchar sobre un div y que otros div se escondan....
   Me podrias dar una ayuda? ...
   Gracias.! y Saludos

   Posted 1 year ago #
4. 

   lineadecodigo
   Member

   Reputation:93

    

   Pues jugando con el ID del elemento sobre el que se hace fadeOut. Por ejemplo si queremos ocultar una capa que se llama miCapa, sería:

   <script type="text/javascript">
   $(document).ready(function(){
     $('#micontenido').click(function () {
       $('#miCapa').fadeOut(1200);
     });
   });
   </script>

   Si quieres ocultar dos: miCapa y miCapa2, sería...

   <script type="text/javascript">
   $(document).ready(function(){
     $('#micontenido').click(function () {
       $('#miCapa').fadeOut(1200);
       $('#miCapa2').fadeOut(1200);
     });
   });
   </script>

   Posted 1 year ago #
   
   
   

RSS feed for this topic

Reply

You must log in to post.