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();
});