24 lines
720 B
JavaScript
24 lines
720 B
JavaScript
const expandText = 'Expand All'
|
|
const closeText = 'Close All'
|
|
|
|
export default function devToc () {
|
|
const expandButton = document.querySelector('.js-expand')
|
|
if (!expandButton) return
|
|
|
|
expandButton.addEventListener('click', () => {
|
|
// on click, toggle the button text
|
|
expandButton.textContent === expandText
|
|
? expandButton.textContent = closeText
|
|
: expandButton.textContent = expandText
|
|
|
|
// on click, toggle all the details elements open or closed
|
|
const detailsElements = document.querySelectorAll('details')
|
|
|
|
for (const detailsElement of detailsElements) {
|
|
detailsElement.open
|
|
? detailsElement.removeAttribute('open')
|
|
: detailsElement.open = true
|
|
}
|
|
})
|
|
}
|