jQuery UI dodatak

<div id="umeci">
    <ul>
        <li><a href="#umetak1"> Zaglavlje prvog umetka</a></li>
        <li><a href="#umetak2">Zaglavlje drugog umetka</a></li>
    </ul>
    <div id="umetak1">sadržaj prvog umetka </div>
    <div id="umetak2">sadržaj drugog umetka </div>
</div>

Uključivanje umetaka sa jQuery UI bibliotekom je isto kao i za harmoniku, u jednoj liniji, ali je potrebno ispuniti zahtevan raspored HTML elemenata:

$(function() {
    $("#umeci").tabs();
});
                

Primer na strani