More actions
No edit summary |
No edit summary |
||
| Line 18: | Line 18: | ||
if (content && content.classList.contains('citizen-section')) { | if (content && content.classList.contains('citizen-section')) { | ||
content.hidden = 'until-found'; // | content.hidden = 'until-found'; // Collapse it by default | ||
} | } | ||
}); | }); | ||
| Line 24: | Line 24: | ||
}); | }); | ||
// Helper: expand | // Helper: expand the associated citizen-section of a heading | ||
function | function expandCitizenSectionOfHeading(heading) { | ||
if (!heading) return; | if (!heading) return; | ||
// Find the nearest .citizen-section-heading above or wrapping the heading | |||
let sectionHeading = heading.closest('.citizen-section-heading'); | |||
if (!sectionHeading) { | |||
// Fallback: search previous elements | |||
let previous = heading.previousElementSibling; | |||
while (previous) { | |||
if (previous.classList?.contains('citizen-section-heading')) { | |||
sectionHeading = previous; | |||
break; | |||
} | |||
previous = previous.previousElementSibling; | |||
} | |||
} | |||
if (sectionHeading) { | if (sectionHeading) { | ||
const content = sectionHeading.nextElementSibling; | const content = sectionHeading.nextElementSibling; | ||
if (content && content.classList.contains('citizen-section') && content.hidden) { | if (content && content.classList.contains('citizen-section') && content.hidden) { | ||
content.hidden = false; // Expand the | content.hidden = false; // Expand the content | ||
} | } | ||
} | } | ||
| Line 46: | Line 60: | ||
const heading = document.getElementById(headingId); | const heading = document.getElementById(headingId); | ||
if (heading) { | if (heading) { | ||
expandCitizenSectionOfHeading(heading); | |||
setTimeout(() => { | setTimeout(() => { | ||
| Line 57: | Line 71: | ||
}); | }); | ||
// === Hook into Citizen TOC (Contents | // === Hook into Citizen TOC (Contents Menu) clicks === | ||
mw.hook('wikipage.content').add(function() { | mw.hook('wikipage.content').add(function() { | ||
if (window.innerWidth >= 768) { | if (window.innerWidth >= 768) { | ||
| Line 68: | Line 82: | ||
const heading = document.getElementById(headingId); | const heading = document.getElementById(headingId); | ||
if (heading) { | if (heading) { | ||
expandCitizenSectionOfHeading(heading); | |||
setTimeout(() => { | setTimeout(() => { | ||