dcjqaccordion
Dcjqaccordion convierte el código HTML estándar de las listas anidadas en un menú acordeón vertical.
Enumerando algunas de sus características, podemos decir que:
- Tiene una capacidad de manejar cualquier número de niveles
- Actuar mediante el click o al pasar el ratón por encima de los elementos
- Guarda el estado mediante el uso de cookies
- Establecer submenús para la auto-expansión
- Permitir que todos los sub-menús se amplien o se cierren
- Desactivar enlaces de los elementos padre
- Añadir conteo de número de enlaces hijos
Para utilizarlo en tu página Web tan solo tienes que añadir el plugin y su llamada en la cabecera <head> de la página, como por ejemplo:
<script type='text/javascript' src='js/jquery.dcjqaccordion.2.8.min.js'></script>
<script>
$(document).ready(function(){
$('#accordion').dcAccordion({
eventType: 'click',
autoClose: true,
saveState: true,
disableLink: true,
speed: 'slow',
showCount: false,
autoExpand: true,
cookie: 'dcjq-accordion-1',
classExpand: 'dcjq-current-parent'
});
});
</script>
Y en el <body> de la página añadir nuestra lista anidada con el identificador #accordion obteniendo comoo resultado un menú vertical acodeón como los siguientes:
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Como lo descargo?
Hola,
En la página del desarrollador:
http://www.designchemical.com/lab/jquery-vertical-accordion-menu-plugin/download/
saludos