Katkelmien alueen suunnittelu "valmis" - voimme nyt siirtyä interaktiivisuuteen (lue: JavaScript).
Lisätään vasemmanpuoleisille linkeille erittäin röyhkeä siirtyminen, jotta meillä on jotain, mutta tiedämme, että muutamme sitä myöhemmin. Sitten ryhdyimme kirjoittamaan jonkin verran JavaScriptia. Kun vierailet sivulla ensimmäistä kertaa, ensimmäinen luokka (HTML) on aktiivinen. Aktiivinen, eli sillä on luokka “aktiivinen” HTML-luettelon kohdassa. CSS vaikuttaa kyseiseen luokkaan, antaen sille z-indeksiarvon, joka nostaa linkin visuaalisesti varjon yläpuolelle ja yhdistää sen yhtenäiseen väriviivaan, joka erottaa kaksi saraketta.
Temppu tulee olemaan, kun napsautat toista luokkaa, jotta voit poistaa aktiivisen luokan aktiivisesta luokasta ja soveltaa sitä vasta napsautettuun luokkaan. Se on todella triviaalia, vain muutama rivi jQueryä komentosarjassa, jonka lataamme vain tälle sivulle. Sitten oikean sarakkeen katkelmaluettelon on näytettävä oikea linkkisarja, mikä taas on vain jonkin luokan muutos ja yksinkertainen näytä / piilota-manipulointi.
Nyt on jäljellä vain sivujen muotoilu yksittäisiä katkelmia varten.