dcjqaccordion

Name: dcjqaccordion
Brand: Jose Aguilar
SKU: joseaguilarblog-6588
Availability: InStock
Rating: 5 (5 reviews)

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:

Source code

<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: