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:

dcjqaccordion

Ver ejemplo en funcionamiento

Ver opciones del plugin

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(5 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

6 respuestas a “dcjqaccordion”

  1. Byron dice:

    Hola José estoy mirando el plugin y me interesa, si de pronto lo tienes por favor me puedes compartir

    byronsanchezy@gmail.com

    • Jose Aguilar dice:

      Hola,

      Lamento decir que el plugin ahora mismo no lo tengo a la mano pero si puedes entrar en el ejemplo en funcionamiento para ver el código fuente y descargar el fichero .js que se utiliza.

      Espero te sirva.

      Saludos

  2. Matias dice:

    Hola, como va? Queria saber si hay alguna otra forma de descargar el plugin, ya que la pagina esta caida.
    Gracias!

  3. jc segura dice:

    Como lo descargo?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre