Ver Mensaje Individual
  #9 (permalink)  
Antiguo 29/07/2010, 08:03
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: Mostrar/ocultar con each() de jquery

Eso no te va a funcionar en ie por los id repetidos, aparte no hace falta un bucle y no se recomienda acceder a un id anteponiendo un elemento elemento#id, si cuando queres acceder a una clase, elemto.class

Usa clases

Código Javascript:
Ver original
  1. <head>
  2. <title>Prueba</title>
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  4. <script>
  5. $(document).ready(function(){
  6.         $("div.msgid").hide();
  7.  
  8.         $("a.ocultar").click(function(){
  9.             $(this).next().next().slideUp(600);
  10.         });
  11.         $("a.mostrar").click(function(){
  12.             $(this).next().slideDown(600);
  13.         });
  14. });
  15. </script>
  16. </head>
  17. <body>
  18.  
  19. <a class="ocultar">Ocultar</a>
  20. <a class="mostrar">Mostrar</a>
  21. <div class="msgid">Capa a mostrar 1</div>
  22.  
  23. <br />
  24.  
  25. <a class="ocultar">Ocultar</a>
  26. <a class="mostrar">Mostrar</a>
  27. <div class="msgid">Capa a mostrar 2</div>
  28.  
  29. <br />
  30.  
  31. <a class="ocultar">Ocultar</a>
  32. <a class="mostrar">Mostrar</a>
  33. <div class="msgid">Capa a mostrar 3</div>
  34.  
  35.  
  36. </body>
  37. </html>