[Jquery-Es] imagen abierto/cerrado en efecto acordeon

[Alvarez Laurnaga, Jose Antonio]

Hola, de nuevo necesito vuestra ayuda. Tengo el siguiente código:

 

      $(document).ready(function() {

        $('div#detalleCursos:eq(0) > div').hide(); 

        $('div#detalleCursos:eq(0) > h4').click(function() {

          $('h4.open').removeClass('open')

          $(this).toggleClass('open')            

          $(this).next('div').slideToggle('fast')          

          .siblings('div:visible').slideUp('fast');                   

        });

      });

 

que uso para que al pulsar un h4 me muestre/despliegue una capa oculta. Mediante estilos le aplico una imagen con una flecha tal que así: > cuando está cerrado y otra que apunta hacia abajo cuando está abierta. Tengo varios grupos de h4 + capa despelegable

 

Y ahora el problema: si hay uno desplegado (A) y pulso en otro (B) el (A) se cierra y muestra la imagen de cerrado (perfecto) pero si hay uno desplegado (A) y pulso sobre el mismo (A), para cerrarlo sin abrir otro, entonces no me cambia la imagen de la flecha que queda como abierta.

 

Si comento la línea 4 (removeClass...) hace lo contrario que en el caso anterior, el cambio de imagen funciona si pulsas sobre el que está abierto pero falla si pulso en otro h4

 

Supongo que es una tontería pero por más que pruebo cosas no lo consigo. Gracias anticipadas

 

José A. Álvarez Laurnaga

 

------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20080214/5d13f937/attachment.html