Modern FAQ Page Generator

    
Frequently Asked Questions
    

        
What is this FAQ about?
        

            
This is a sample question and answer.
        
    

#faq-section {
    margin-bottom: 20px;
}

.faq-item {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 5px;
}

.faq-question {
    margin-top: 0;
    cursor: pointer;
}

.faq-answer {
    display: none;
    padding-top: 10px;
}

document.addEventListener('DOMContentLoaded', () => {
    const faqItems = document.querySelectorAll('.faq-item');

    faqItems.forEach(item => {
        const question = item.querySelector('.faq-question');
        const answer = item.querySelector('.faq-answer');

        question.addEventListener('click', () => {
            answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
        });
    });
});