En la Red podemos encontrar bastantes ejemplos de menús de tipo acordeón, muchos de ellos usando jQuery o Mootools.
No obstante, muchos de ellos presentan elementos h3 con elementos div de manera que los h3 reaccionan al click mostrando u ocultando los div.
Si lo que queremos es utilizar una jerarquía de opciones en una lista anidada de elementos ol o ul, podemos hacerlo como se muestra en el lab.
Lo único a tener en cuenta es esta línea de código:
new Accordion($$(A), $$(B));
donde A es el conjunto de elementos disparadores (en nuestro caso, los enlaces .main_section y B es el conjunto de elementos a mostrar y ocultar (en nuestro caso, los bloques .submenu).
El código, como siempre, para descargar aquí.
Enlaces
http://jQuery.comhttp://mootools.nethttp://www.rafachacon.com/lab/mootools-accordion-menu/test.htmlhttp://www.rafachacon.com/lab/mootools-accordion-menu/mootools-accordion-menu.zip
Necesitábamos un medio rápido y fácil de utilizar para crear un scroll automático en un elemento div. Después de haber visto algunas soluciones ya hechas nos dimos cuenta de que la personalización de las mismas nos iba a dar más trabajo que escribir nuestra propia solución.
Pensamos que sería mejor disponer de un objeto javascript con el que pudiéramos indicar sobre qué capa hacer scroll, independientemente del contenido que tuviera.
La idea era poder hacer
scroll = new Scroll(’mi_capa’, 1);
donde mi_capa es el id asignado a la capa sobre la que hacer scroll y 1 es la velocidad del scroll.
La solución puede verse en el lab.
El código del ejemplo para descargar, aquí.
Enlaces
http://www.rafachacon.com/lab/scroll/sc.htmlhttp://www.rafachacon.com/lab/scroll/scroll.zip