Ver Mensaje Individual
  #5 (permalink)  
Antiguo 09/08/2010, 17:05
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: dos dudas con JQUERY

en vez de id use clases, accedo hasta el contenedor y de ahi busco el cuerpo, si tu estructura no va a cambiar podes usar next desde el título pero yo siempre lo hago de esta forma asi puedo cambiar sin drama


Código Javascript:
Ver original
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.   <script>
  5. $(function(){
  6.     $('.titulo').click( function (){
  7.         $(this).closest('.contenedor').find('.cuerpo').toggle();
  8.     });
  9. });
  10. </script>
  11.   <style>
  12.   .cuerpo{display:none}
  13.   </style>
  14. </head>
  15. <body>
  16.  
  17.     <div class="contenedor">
  18.         <div class="titulo" id="titulo1">Título 1</div><div class="cuerpo" id="cuerpo1">Cuerpo 1 mas bla bla bla</div>
  19.     </div>
  20.  
  21.     <div class="contenedor">
  22.         <div class="titulo" id="titulo2">Título 2</div><div class="cuerpo" id="cuerpo2">Cuerpo 2 mas bla bla bla</div>
  23.     </div>
  24.  
  25.     <div class="contenedor">
  26.         <div class="titulo" id="titulo3">Título 2</div><div class="cuerpo" id="cuerpo3">Cuerpo 3 mas bla bla bla</div>
  27.     </div>
  28.  
  29. </body>
  30. </html>