स्निपेट्स क्षेत्र "किया" के लिए डिजाइन के साथ - अब हम कुछ अन्तरक्रियाशीलता में प्रवेश कर सकते हैं (पढ़ें: जावास्क्रिप्ट)।
हम बाईं ओर लिंक के लिए एक सुपर लंगड़ा रोलओवर जोड़ते हैं, इसलिए हमारे पास कुछ है, लेकिन हम जानते हैं कि हम बाद में बदल देंगे। फिर हम वास्तव में कुछ जावास्क्रिप्ट लिखने के बारे में सेट करते हैं। पहली बार पृष्ठ पर जाने पर, पहली श्रेणी (HTML) सक्रिय होगी। सक्रिय, जिसका अर्थ है कि यह HTML के लिए सूची आइटम पर "सक्रिय" वर्ग है। सीएसएस उस वर्ग को प्रभावित करता है, जो उसे जेड-इंडेक्स मूल्य देता है, जो नेत्रहीन रूप से छाया के ऊपर लिंक उठाता है और इसे दो कॉलमों को अलग करने वाली ठोस रंग रेखा से जोड़ता है।
चाल तब होने जा रही है जब आप एक अलग श्रेणी पर क्लिक करते हैं, वर्तमान में सक्रिय वर्ग पर सक्रिय वर्ग को हटाने के लिए और इसे नए क्लिक किए गए पर लागू करते हैं। यह वास्तव में बहुत तुच्छ है, एक स्क्रिप्ट में jQuery की कुछ पंक्तियाँ जो हम केवल इस पृष्ठ पर लोड करते हैं। फिर भी, सही कॉलम में स्निपेट्स की सूची को लिंक के सही सेट को दिखाने की जरूरत है, जो फिर से सिर्फ कुछ वर्ग बदल रहा है और सरल शो / छिपाने हेरफेर है।
अब जो कुछ बचा है, वह अलग-अलग स्निपेट के लिए पृष्ठों को स्टाइल कर रहा है।