MediaWiki:Citizen.js: Difference between revisions

← Older edit Newer edit →

@@ Line 23: / Line 23: @@
 });
-function expandTargetedSectionById(id) {
+function expandSectionIfCollapsed(headerElement) {
-  const header = document.getElementById(id);
+   const sectionHeading = headerElement.closest('.citizen-section-heading');
-  if (!header) return;
-   const sectionHeading = header.closest('.citizen-section-heading');
    const content = sectionHeading?.nextElementSibling;
    if (content && content.hidden) {
-     content.hidden = false; // Expand collapsed section
+     content.hidden = false; // Expand the parent section
    }
+}
+function scrollToTargetId(id) {
+  const target = document.getElementById(id);
+  if (!target) return;
+  expandSectionIfCollapsed(target); // Always expand parent first
+  // After expanding, scroll to the real target
    setTimeout(() => {
-     header.scrollIntoView({ behavior: 'smooth', block: 'start' });
+     target.scrollIntoView({ behavior: 'smooth', block: 'start' });
    }, 50);
 }
-// Expand if URL has a hash on page load
+// Expand if hash exists on page load
 mw.hook('wikipage.content').add(function() {
    if (window.innerWidth >= 768) {
      const hash = window.location.hash;
      if (hash && hash.length > 1) {
-       expandTargetedSectionById(hash.substring(1));
+       scrollToTargetId(hash.substring(1));
      }
    }
 });
-// Expand on hashchange (TOC click or manual URL change)
+// Expand and scroll when clicking Contents (TOC)
 window.addEventListener('hashchange', function() {
    if (window.innerWidth >= 768) {
      const hash = window.location.hash;
      if (hash && hash.length > 1) {
-       expandTargetedSectionById(hash.substring(1));
+       scrollToTargetId(hash.substring(1));
      }
    }
 });