const faqs = document.querySelectorAll('.faq-item');
faqs.forEach(item => {
const question = item.querySelector('.faq-question');
question.addEventListener('click', () => {
faqs.forEach(faq => {
const answer = faq.querySelector('.faq-answer');
const icon = faq.querySelector('i');
if(faq !== item){
faq.classList.remove('active');
answer.style.maxHeight = null;
icon.classList.remove('fa-minus');
icon.classList.add('fa-plus');
}
});
const answer = item.querySelector('.faq-answer');
const icon = item.querySelector('i');
if(item.classList.contains('active')){
item.classList.remove('active');
answer.style.maxHeight = null;
icon.classList.remove('fa-minus');
icon.classList.add('fa-plus');
}else{
item.classList.add('active');
answer.style.maxHeight = answer.scrollHeight + 'px';
icon.classList.remove('fa-plus');
icon.classList.add('fa-minus');
}
});
});
document.querySelectorAll('.faq-item.active').forEach(item=>{
const answer = item.querySelector('.faq-answer');
answer.style.maxHeight = answer.scrollHeight + 'px';
});
Skip to content
