ipi-jquery/exemples/jquery/onglets/example.html

<ul id="onglets">
    <li style="display:inline;">
        <a data-panneau-id="panneau1" id="onglet1" class="active" href="#onglet1">Onglet 1</a>
    </li>
    <li style="display:inline;">
        <a data-panneau-id="panneau2" id="onglet2" href="#onglet2">Onglet 2</a>
    </li>
    <li style="display:inline;">
        <a data-panneau-id="panneau3" id="onglet3" href="#onglet3">Onglet 3</a>
    </li>
</ul>
<div class="panneau" id="panneau1">
    <h2>Panneau 1</h2>
</div>
<div class="panneau" id="panneau2" style="display:none">
    <h2>Panneau 2</h2>
</div>
<div class="panneau" id="panneau3" style="display:none">
    <h2>Panneau 3</h2>
</div>