Des tabs dans les tabs

Petit mémo pour rappeler qu’il est tout à fait possible d’imbriquer des tabs dans des tabs, en suivant la structure suivante:

<div id="tabs">

<ul>

	<li><a href="#tabs-1">BIOGRAPHY</a></li>


	<li><a  href="#tabs-2">IMAGES</a></li>


	<li><a href="#tabs-3">PRESS</a></li>


	<li><a href="#tabs-4">EXHIBITION</a></li>

</ul>



<div id="tabs-1">...</div>


<div id="tabs-2">...</div>


<div id="tabs-3">...</div>


<div id="tabs-4">                            

<div id="subtabs">

<ul>

	<li><a href="#subtabs1">IMAGES</a></li>


	<li><a  href="#subtabs2">PRESS</a></li>

</ul>


<div id="subtabs1" >...</div>


<div id="subtabs2">...</div>

</div>

et dans notre js:

jQuery(document).ready(function(){
jQuery('#tabs,#subtabs').tabs();
});

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.