hola van1975
El problema es efectivamente el flash.
Bah, en realidad no es problema sino que al cubrir toda la pestaña no se puede hacer click sobre la misma y por ende no se puede activar el js del spry acordeon.
Tendrías que modificar el flash, es decir acortarlo, ya que no es necesario que tenga el ancho del spry, para dejar un espacio donde hacer click.
Para que veas lo que digo modifica el width del flash en index.html:
Código HTML:
Ver original<div id="Accordion1" class="Accordion" tabindex="0"> <div class="AccordionPanel"> <div class="AccordionPanelTab"> <object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="43"> <param name="movie" value="swf/tab_acordeon01.swf"> <param name="quality" value="high"> <param name="wmode" value="opaque">
Yo lo cambie por 400 en vez del 600 y pude activar el efecto acordeon.
Haz lo mismo con el resto de las pestañas y verás que ese era el problema.
Pedirte que no uses flash supongo que no será una opción, pero esa es una decisión tuya.
Si usas flash hazlo del ancho necesario para que entre la palabra solamente, y dale a la pestaña del spry el color negro de fondo así queda bien con el diseño que tienes. Además, y como recomendación sobre el borde derecho le agregaría una imagen o algo que indique que se debe pulsar o hacer click en esa zona y no sobre el flash, es decir sobre el titulo de la pestaña (lo cual sería lo natural y lógico, por eso te decia del no uso del flash).
Otra sería meterse en el css y en el js para que al pulsar sobre el flash se active el efecto, pero ya con eso no te puedo ayudar.
Saludos