Acordeón MooTools: estilo mouseover -

A todo el mundo le encanta el complemento MooTools Accordion, pero recibo muchas solicitudes de lectores que me preguntan cómo hacer que cada elemento del acordeón se abra cuando el usuario pasa el cursor sobre el elemento en lugar de hacer que haga clic. Tiene dos opciones: piratear el complemento original o simplemente activar el evento de clic cuando el mouse ingresa al conmutador. Mi voto es por la opción dos: así es como se hace.

El JavaScript de MooTools

//hacer el acordeónvar acordeón = new Accordion($$('.toggler'),$$('.element'), {opacity: 0,onActive: function(toggler) { toggler.setStyle('color', '# f30'); },onBackground: function(toggler) { toggler.setStyle('color', '#000'); }});//haz que se abra al pasar el mouse$$('.toggler'). addEvent(' mouseenter', function() { this.fireEvent('hacer clic'); });

Tan fácil como parece: ¡simplemente active el evento de clic cuando el mouse del usuario ingresa al conmutador!

Si no está familiarizado con el acordeón MooTools, haga clic aquí.