huge update

static/js/hod/utils/navigation.js

@@ -0,0 +1,24 @@
+// Function to show a specific section
+function showSection(sectionId) {
+    // Hide all sections
+    document.querySelectorAll('.content-section').forEach(section => {
+        section.style.display = 'none';
+    });
+
+    // Show selected section
+    const targetSection = document.getElementById(sectionId);
+    if (targetSection) {
+        targetSection.style.display = 'block';
+    }
+
+    // Update active nav item
+    document.querySelectorAll('.nav-item').forEach(item => {
+        item.classList.remove('active');
+        if (item.getAttribute('data-section') === sectionId.replace('Section', '')) {
+            item.classList.add('active');
+        }
+    });
+}
+
+// Export functions
+export { showSection };