Με τη σχεδίαση για την περιοχή των αποσπασμάτων "ολοκληρωμένη" - μπορούμε τώρα να προχωρήσουμε σε κάποια διαδραστικότητα (διαβάστε: JavaScript).
Προσθέτουμε ένα σούπερ lame rollover για τους συνδέσμους στα αριστερά, έτσι ώστε να έχουμε κάτι, αλλά ξέρουμε ότι θα το αλλάξουμε αργότερα. Στη συνέχεια ξεκινήσαμε να γράφουμε κάποια JavaScript. Κατά την πρώτη επίσκεψη στη σελίδα, η πρώτη κατηγορία (HTML) θα είναι ενεργή. Ενεργό, που σημαίνει ότι έχει την κατηγορία "ενεργή" στο στοιχείο λίστας για HTML. Το CSS επηρεάζει αυτήν την κλάση, δίνοντάς της μια τιμή ευρετηρίου z, η οποία αυξάνει οπτικά τον σύνδεσμο πάνω από τη σκιά και τη συνδέει με τη συμπαγή γραμμή χρώματος που διαχωρίζει τις δύο στήλες.
Το κόλπο θα είναι όταν κάνετε κλικ σε μια διαφορετική κατηγορία, για να καταργήσετε την ενεργή τάξη στην τρέχουσα ενεργή κατηγορία και να την εφαρμόσετε στην πρόσφατα κλικ. Είναι πολύ ασήμαντο, μερικές γραμμές jQuery σε ένα σενάριο που φορτώνουμε μόνο σε αυτήν τη σελίδα. Επίσης, στη λίστα των αποσπασμάτων στη δεξιά στήλη πρέπει να εμφανίζεται το σωστό σύνολο συνδέσμων, το οποίο και πάλι είναι μόνο κάποια αλλαγή τάξης και απλός χειρισμός εμφάνισης / απόκρυψης.
Το μόνο που μένει τώρα είναι το στυλ των σελίδων για μεμονωμένα αποσπάσματα.