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();
});
Mis à jour le
Par Copier coller | Dans jQuery