Hola a todos de nuevo. Pues estoy intentando hacer el siguiente efecto en una web.
Se trata de que cuando haga click sobre la cabecera, esta despliege el contenido hacia abajo y desplace el resto de cabeceras hacia abajo. Cuando vuelva a hacer click, el efecto contrario. He estado mirando y probe con esto:
Pero si tengo contenido dentro, el div se me adapta al contenido. ¿Teneis algun ejemplo o alguna web que me pueda ayudar?
Gracias!
http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm
http://jquery.bassistance.de/accordion/demo/?p=1.1.1
http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/
http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html
Ahí tienes varios menús ya hechos por si no te vale con lo de #2
Finalmente he optado por la opcion de scumah. He utilizado:
http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html
Puesto a funcionar:
Me surgen algunos problemas:
Cuando le doy click, el fondo de circulo y la flecha se me propaga por todo el div (Lo he ocultado con una capa de color blanco) Si le pongo al código javascript "no-repeat" se arregla pero deja de funcionar el cambio de imagenes:
$(this).siblings().css({backgroundImage:"url(images/servicios/servicios-base.gif) no-repeat"});
El ejemplo de este script era con link (a href...) y yo he puesto dentro un span. Desde que aplico el cambio, al maximizar la noticia como podeis observar, da unos saltos muy bruscos en la transición.
Me gustaria que si cerrase todos las noticias estas fueran de nuevo todas azules. Una vez pulsada una noticia, siempre habrá ya una de color rojo.
cuando paso el ratón por encima de las letras se me pone de color en rojo, peor una vez que hago click sobre algunas, se jode el efecto hover
No es una respuesta a tus dudas, pero, has provado a poner el efecto lavalamp a tu menú superior? creo que le viene al dedillo.
