Menú Accordeon Vertical jQuery

En este artículo hablaremos de una extensión jquery para crear un menú acordeón con un movimiento parecido al del antivirus norton, al ser una extensión será muy fácil de implementar en cualquier página web. Solo será necesario una llamada para transformar una lista de elementos en un acordeón muy elegante.

En el <head> de nuestra Web deberemos tener algo como lo siguiente:

<script type="text/javascript" src="jquery.lksMenu.js"></script>
<link rel="stylesheet" type="text/css" href="lksMenuSkin3.css" />
<script>
$('document').ready(function(){
   $('.menu').lksMenu();
});
</script>

Y luego podríamos tener dentro del <body> una lista sencilla como la siguiente dentro de un <div> con class=»menu» para invocar al menú jQuery Accordeon.

<div class="menu">
        <ul>
            <li>
                <a href="#">AjaxShake</a>
                <ul>
                    <li><a href="#">jQuery</a></li>
                    <li><a href="#">Flash</a></li>
                    <li><a href="#">Prototype</a></li>
                    <li><a href="#">Mootools</a></li>
                </ul>
            </li>
            <li>
        </ul>
</div>

Los estilos son fácilmente editables a través de su hoja de estilos.

Ver ejemplo en funcionamiento

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!
(2 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

3 respuestas a “Menú Accordeon Vertical jQuery”

  1. Suggested Web page dice:

    Hi friends, good post and nice urging commented here, I am truly enjoying by these.

  2. david dice:

    Hola muy buenas tards me encanto tu menu para implementarlo serias tan amable de proporcionarmelo, de antemano muchas gracias..
    Att.
    Ing. David Leon Baeza
    Desarrollo de Software

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