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)