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

[Carlos]

No se si solucionará tu problema, pero hace poco hice un tema parecido, en 
este caso se lanza a través de un botón Mostrar/ocultar que cambia el texto 
de forma dinámica, lo que hace es mostrar /ocultar  la etiqueta HTML 
anterior (en este caso el botón está debajo de la capa a mostrar), y en este 
caso es una etiqueta <p style="display:none">, por lo que inicialmente no se 
ve.

$(document).ready(function (){

   $(".flecha > li > a").toggle(function(){
       $(this).html("ocultar").prev().show("slow");
        },function(){
       $(this).html("mostrar").prev().hide("slow");
      });
});

Supongo que puedes adaptarlos para que en lugar de html("ocultar"), te 
muestre html ("img=mi_icono_de_cerrado.gif"), al igual que en lugar de 
prev().show("slow"), poner next().show.....

Saludos




----- Original Message ----- 
From: "Alvarez Laurnaga, Jose Antonio" <JALVAREZ en softwareag.es>
To: <jquery-es en lists.scriptia.net>
Sent: Thursday, February 14, 2008 10:08 AM
Subject: [Jquery-Es] imagen abierto/cerrado en efecto acordeon


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
_______________________________________________
Jquery-Es Lista de correo en español para usuarios de jQuery

* Recuerda que debes utiliza "responder a todos" para enviar tu respuesta a 
la lista
* Para abrir un tema de conversación, escribe a Jquery-Es en lists.scriptia.net
* Puedes gestionar tu suscripción en 
http://lists.scriptia.net/listinfo.cgi/jquery-es-scriptia.net