S dizajnom oblasti úryvkov „hotovo“ - teraz môžeme prejsť na interaktivitu (čítaj: JavaScript).
Pre odkazy vľavo pridávame super chromé pretočenie, aby sme niečo mali, ale vieme, že to neskôr zmeníme. Potom sme sa pustili do skutočného písania nejakého JavaScriptu. Pri prvej návšteve stránky bude aktívna prvá kategória (HTML). Aktívne, to znamená, že má v položke zoznamu pre triedu „aktívny“. CSS ovplyvňuje túto triedu a dáva jej hodnotu z-indexu, ktorá vizuálne zdvihne odkaz nad tieň a spojí ho s plnou farebnou čiarou oddeľujúcou dva stĺpce.
Trik bude, keď kliknete na inú kategóriu, odstránite aktívnu triedu z aktuálne aktívnej kategórie a použijete ju na novo kliknutú kategóriu. Je to naozaj dosť malicherné, iba pár riadkov jQuery v skripte, ktorý načítame iba na túto stránku. Zoznam úryvkov v pravom stĺpci musí tiež obsahovať správnu sadu odkazov, čo je opäť len zmena triedy a jednoduchá manipulácia so skrytím / skrytím.
Teraz už zostáva iba upravovať stránky pre jednotlivé úryvky.