decentralized-video-chat/public/landing/js/accordion.js

27 lines
822 B
JavaScript
Raw Normal View History

2020-03-24 11:20:28 +08:00
; (function () {
'use strict'
const accordionEl = document.getElementsByClassName('accordion-header')
function openAccordion (parent, panel) {
parent.classList.add('is-active')
panel.style.maxHeight = panel.scrollHeight + 'px'
}
function closeAccordion (parent, panel) {
parent.classList.remove('is-active')
panel.style.maxHeight = null
}
if (accordionEl.length > 0) {
for (let i = 0; i < accordionEl.length; i++) {
const el = accordionEl[i]
const parent = el.parentNode
const panel = el.nextElementSibling
parent.classList.contains('is-active') && openAccordion(parent, panel)
el.addEventListener('click', function () {
parent.classList.contains('is-active') ? closeAccordion(parent, panel) : openAccordion(parent, panel)
})
}
}
}())