console.log('block: faq')
initializeBlock=function (){
const questions=document.querySelectorAll('.faq-item__question')
questions.forEach(el=>
{
el.addEventListener('click', toggle_question)
el.addEventListener('keyup',
(e)=>
{
e.preventDefault();
if(e.key==='Enter'||e.key==='Space'){
el.click();
}}
)
}
)
}
if(window.acf){
window.acf.addAction('render_block_preview', initializeBlock)
}else{
initializeBlock()
}
function toggle_question(event){
console.log('toggle question')
const question=event.currentTarget
const target=event.currentTarget.parentElement
target.classList.toggle('opened')
const content=target.querySelector('.faq-item__answer')
if(target.classList.contains('opened') ){
question.setAttribute('aria-expanded', 'true')
content.style.height=content.scrollHeight + "px"
}else{
question.setAttribute('aria-expanded', 'false')
content.style.height=null
}};