Dengan desain untuk area cuplikan "selesai" - sekarang kita dapat beralih ke beberapa interaktivitas (baca: JavaScript).
Kami menambahkan rollover super timpang untuk tautan di sebelah kiri agar kami memiliki sesuatu, tetapi kami tahu kami akan mengubahnya nanti. Kemudian kami mulai benar-benar menulis beberapa JavaScript. Saat mengunjungi halaman untuk pertama kali, kategori pertama (HTML) akan aktif. Aktif, artinya memiliki kelas "aktif" pada item daftar untuk HTML. CSS memengaruhi kelas itu, memberinya nilai indeks-z, yang secara visual menaikkan tautan di atas bayangan dan menghubungkannya ke garis warna solid yang memisahkan dua kolom.
Triknya adalah ketika Anda mengklik kategori yang berbeda, untuk menghapus kelas yang aktif pada kategori yang sedang aktif dan menerapkannya ke yang baru diklik. Cukup sepele kok, hanya beberapa baris jQuery dalam satu script yang kita muat hanya di halaman ini. Selain itu, daftar potongan di kolom kanan harus menunjukkan kumpulan tautan yang benar, yang lagi-lagi hanya beberapa kelas yang berubah dan manipulasi tampilkan / sembunyikan sederhana.
Yang tersisa sekarang hanyalah menata halaman untuk setiap cuplikan.