Contenido

Tabs 2.0, un plugin para jQuery

20 feb

+ 5

jQuery da mucha flexibilidad para conseguir añadirle funcionalidades extras y crear plugins que se aprovechen de sus características. Una muestra de ello es Tabs, un plugin que nos añade de forma no obstructiva una funcionalidad extra a las listas de elementos que deseemos convertir en tabs.

Como funciona

Nuestro HTML. 

<div id="container">
    <ul>
        <li><a href="#section-1">Section 1</a></li>
        <li><a href="#section-2">Section 2</a></li>
        <li><a href="#section-3">Section 3</a></li>
    </ul>
    <div>
        <div id="section-1">
            …
        </div>
        <div id="section-2">
            …
        </div>
        <div id="section-3">
            …
        </div>
    </div>
</div>

Y despues mediante Javascript, convertimos container en un sistema de tabs.

$('#container').tabs({ fxFade: true, fxAutoHeight: true}); 

Permitiendonos utilizar diferentes efectos para cuando cambiemos de tab.

Descargar // Demo // Tabs encadenadas

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.