Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/09/2010, 17:17
Avatar de perryjr
perryjr
 
Fecha de Ingreso: julio-2010
Ubicación: Granada, Spain, Spain
Mensajes: 190
Antigüedad: 13 años, 9 meses
Puntos: 27
Respuesta: expandir varios div dinámicos

Código Javascript:
Ver original
  1. var abierto; // la declaramos como global
  2.  
  3. $(function()
  4. {
  5.  
  6. $("#mostrar").click(function(event) {
  7.   event.preventDefault();
  8.  
  9.   // seguramente haya maneras de hacerlo mejor, pero eso te lo dejo a ti
  10.   // tenemos un problema y es que slideTooggle() usa 1/2 segundillos para la
  11.   // animación y la ejecución sigue su paso. Si ponemos este código después de slideToogle()
  12.   // el comportamiento seria imprevisible dependiendo solo de la velocidad del cliente.
  13.   if($('#caja').css('display') == 'none') // ahora invisible, se hará visible
  14.     abierto = $('#caja');
  15.   else // ahora abierto, se hará invisible
  16.    abierto = null;
  17.  
  18.   $("#caja").slideToggle();
  19. });
  20.  
  21. $("#caja a").click(function(event) {
  22.   event.preventDefault();
  23.   $("#caja").slideUp();
  24.   abierto = null;
  25. });
  26.  
  27. });

Si no entiendes algo no dude en preguntarme
__________________
I (L) Google