MediaWiki:Citizen.js: Difference between revisions

← Older edit Newer edit →

@@ Line 23: / Line 23: @@
 });
-// Auto-expand collapsed section if URL has anchor
+// === Auto-expand section if URL has a hash (on load and live click) ===
+function expandTargetedSectionById(id) {
+  const header = document.getElementById(id);
+  if (!header) return;
+  const sectionHeading = header.closest('.citizen-section-heading');
+  const content = sectionHeading?.nextElementSibling;
+  if (content && content.hidden) {
+    content.hidden = false; // Expand collapsed section
+  }
+  // Scroll into view (after a slight delay to ensure layout updated)
+  setTimeout(() => {
+    header.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  }, 50);
+}
+// On page load: if URL has a hash like #Misc
 mw.hook('wikipage.content').add(function() {
    if (window.innerWidth >= 768) {
      const hash = window.location.hash;
-     if (!hash) return;
+     if (hash && hash.length > 1) {
+      expandTargetedSectionById(hash.substring(1));
+    }
+  }
+});
-    const header = document.getElementById(hash.substring(1)); // Remove #
+// On TOC link clicks
-    if (!header) return;
+document.addEventListener('click', function(e) {
+  if (window.innerWidth < 768) return; // only apply on desktop
-    const sectionHeading = header.closest('.citizen-section-heading');
+  const anchor = e.target.closest('a[href^="#"]');
-    const content = sectionHeading?.nextElementSibling;
+  if (!anchor || !anchor.getAttribute('href')) return;
-    if (content && content.hidden) {
+  const targetId = anchor.getAttribute('href').substring(1);
-      content.hidden = false; // ✅ Unhide it
+  if (!targetId) return;
-    }
-    // Optional: scroll into view again after expanding
+  // Delay slightly to ensure URL updates and default behavior applies
-    setTimeout(() => {
+  setTimeout(() => {
-      header.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    expandTargetedSectionById(targetId);
-    }, 50);
+  }, 0);
-  }
 });