Tema: Ocultar y mostar por uno a la vez
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/08/2011, 21:33
Jagarn
 
Fecha de Ingreso: enero-2011
Mensajes: 11
Antigüedad: 14 años, 9 meses
Puntos: 0
Ocultar y mostar por uno a la vez
Hola tengo resumindo el siguiente codigo:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  4. <style type="text/css">
  5. .compartir-responder{display:none;}
  6. </style>
  7. <script type="text/javascript">
  8. $(document).ready(function(){
  9.     //Agregar comentario
  10.     $(".comentario-imagen a").click(function(){
  11.         $(".comentario-imagen").hide();
  12.         $(".compartir-responder").show();
  13.         return false;
  14.     });
  15. });
  16.  
  17. </script>
  18. </head>
  19. <body>
  20.  
  21. <div class="comentario-imagen"><a href="#"><img src="#" width="804px" height="30px";></a></div>
  22. <div class="compartir-responder">
  23. <textarea name="cuerpo" rows="2" cols="80"></textarea>
  24. </div>
  25.  
  26. <br>
  27.  
  28. <div class="comentario-imagen"><a href="#"><img src="#" width="804px" height="30px";></a></div>
  29. <div class="compartir-responder">
  30. <textarea name="cuerpo" rows="2" cols="80"></textarea>
  31. </div>
  32.  
  33. <br>
  34.  
  35. <div class="comentario-imagen"><a href="#"><img src="#" width="804px" height="30px";></a></div>
  36. <div class="compartir-responder">
  37. <textarea name="cuerpo" rows="2" cols="80"></textarea>
  38. </div>
  39.  
  40. <br>
  41.  
  42. </body>
  43. </html>


Si lo prueban, este te muestra un textarea al hacer click a una supuesta imagen, pero lo que quiero lograr y no se como hacerlo es que no me muestre todo a la vez, sino uno por uno dependiendo de que imagen valla a hacer click.

Gracias por la ayuda.