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
5 comentarios, 0 referencias
+
#