Llamamos acordeón a aquellos elementos dinámicos de nuestras páginas web que muestran un elemento al pasar con el ratón (o hacer click sobre él) ocultando los demás elementos que lo componen. Esta técnica muy cómoda para mostrar grandes cantidades de información en poco espacio suele darnos algún dolor de cabeza para cuadrar toda la información.
Con BySlideMenu, nunca más tendremos problemas. Se trata de un plugin para MooTools que nos permite hacer una gran variedad de acordeones con muy pocas líneas de código.
HTML
El código HTMl que usaremos para generar nuestro acordeón se basará en una lista de elementos:
<ul id="pinclickmenu">
<li><img src="creditcards.jpg" /></li>
<li><img src="games.jpg" /></li>
<li><img src="computer.jpg" /></li>
<li><img src="eiffeltower.jpg" /></li>
<li><img src="electronic.jpg" /></li>
</ul>
Cada <li />
será uno de los elementos que compondrán el Acordeón.
Javascript
var pinclickmenu = new BySlideMenu('pinclickmenu', {pinMode: 'click'});
Como podemos ver menos líneas es imposible 😀
Demos y Descarga
Podeis ver más demos y descargar el plugin desde la página del proyecto.
2 comentarios, 0 referencias
+
#