liteAccordion es un plugin de jQuery para crear atractivos menús de acordeón horizontal, el script pesa sólo 1.4 KB (comprimido) y puede mostrar cualquier elemento HTML (imágenes, texto, video y animaciones flash). Además, puede añadírsele la cantidad de diapositivas que se deseen, las cuales se irán ajustándose al contenedor principal.

liteAccordion permite configurar los siguientes parámetros:

• Seleccionar la diapositiva a mostrarse al inicio
• Velocidad de las transiciones
• Autoplay
• Pausar al hacer hover
• Tiempo entre cada diapositiva

liteAccordion permite el uso de themes, por defecto viene con dos themes incluídos (Básico y Dark).

Su implementación es sencilla, aquí les digo como:

<head>
    <link rel="stylesheet" href="liteAccordion.css">
</head>
<body>
    ... <!-- Colocar las siguientes líneas antes de cerrar el tag </body> -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script src="liteaccordion.jquery.js"></script>
    <script>
        $('#yourdiv').liteAccordion();
    </script>
</body>

Y para mostrar el menú acordeón, colocar el siguiente código en la zona de tu web donde desees que aparezca:

<div class="accordion">
    <ol>
        <li>
            <h2><span>Slide One</span></h2>
            <div></div>
        </li>
        <li>
            <h2><span>Slide Two</span></h2>
            <div></div>
        </li>
        <li>
            <h2><span>Slide Three</span></h2>
            <div></div>
        </li>
        <li>
            <h2><span>Slide Four</span></h2>
            <div></div>
        </li>
        <li>
            <h2><span>Slide Five</span></h2>
            <div></div>
        </li>
    </ol>
    <noscript>
        <p>Please enable JavaScript to get the full experience.</p>
    </noscript>
</div>

En su página oficial, podrás descargar los archivos necesarios y encontrarás más ejemplos y opciones de configuración.