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 | ||
} | } | ||
}); | }); | ||
| Line 24: | Line 24: | ||
}); | }); | ||
// Helper: expand parent if needed | // Helper: expand parent citizen-section if needed | ||
function expandParentSectionIfNeeded(heading) { | function expandParentSectionIfNeeded(heading) { | ||
if (!heading) return; | if (!heading) return; | ||
| Line 32: | Line 32: | ||
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 hidden section | content.hidden = false; // Expand the hidden citizen-section | ||
} | } | ||
} | } | ||
| Line 42: | Line 42: | ||
const hash = window.location.hash; | const hash = window.location.hash; | ||
if (hash && hash.length > 1) { | if (hash && hash.length > 1) { | ||
const headingId = decodeURIComponent(hash.substring(1)); | const headingId = decodeURIComponent(hash.substring(1)); | ||
setTimeout(() => { | setTimeout(() => { | ||
const heading = document.getElementById(headingId); | const heading = document.getElementById(headingId); | ||
if (heading) { | if (heading) { | ||
| Line 69: | Line 69: | ||
if (heading) { | if (heading) { | ||
expandParentSectionIfNeeded(heading); | expandParentSectionIfNeeded(heading); | ||
// Very important: if the clicked item is NOT inside an already expanded section, expand parent | |||
const sectionHeading = heading.closest('.citizen-section-heading'); | |||
const sectionContent = sectionHeading?.nextElementSibling; | |||
if (sectionContent && sectionContent.classList.contains('citizen-section') && sectionContent.hidden) { | |||
sectionContent.hidden = false; | |||
} | |||
setTimeout(() => { | setTimeout(() => { | ||