Med designet til uddragsområdet "færdig" - kan vi nu gå ind i en vis interaktivitet (læs: JavaScript).
Vi tilføjer en super halt rollover til linkene til venstre bare så vi har noget, men vi ved, at vi vil ændre det senere. Derefter gik vi i gang med at skrive noget JavaScript. Når du besøger siden for første gang, vil den første kategori (HTML) være aktiv. Aktiv, hvilket betyder, at den har klassen “aktiv” på listeelementet til HTML. CSS påvirker denne klasse og giver den en z-indeksværdi, som visuelt hæver linket over skyggen og forbinder den med den faste farvelinje, der adskiller de to kolonner.
Tricket bliver, når du klikker på en anden kategori, for at fjerne den aktive klasse i den aktuelt aktive kategori og anvende den på den nyligt klikkede. Det er ret trivielt, bare et par linjer med jQuery i et script, som vi kun indlæser på denne side. Også derefter skal listen over uddrag i højre kolonne vise det korrekte sæt af links, hvilket igen kun er nogle klasseskift og simpel vis / skjul manipulation.
Alt, hvad der er tilbage nu, er at oprette siderne til individuelle uddrag.