jQuery UI dodatak

<div id="accordion">
    <h3>Sekcija 1</h3>
    <div>sadržaj prve sekcije</div>
    <h3>Sekcija 2</h3>
    <div>sadržaj druge sekcije</div>
<</div>

Samo uključivanje jQuery UI harmonike posle toga je jednostavno, izvršava se u jednoj liniji, ali je potrebno ispuniti zahtevan raspored HTML elementa koji je selektovan:

$(function() {
    $("#accordion").accordion(); // harmonika će biti napravljena od unutar 
				 // elementa sa id-em “accordion”
});

Primer na strani

Za razliku od harmonike kod koje je prikaz zaglavlja sekcija vertikalan, umeci (tabs) imaju prikaz zaglavlja sekcija koji je horizontalan. HTML kod se razlikuje u odnosu na harmoniku, jer je potrebno napraviti listu bez redosleda (unordered list) <ul> za navigaciju između sekcija (u ovom slučaju umetaka)