FAQ Accordion
A frequently-asked-questions accordion using the Bootstrap collapse component.
Requires Bootstrap 5. Add the CDN tags below to your page (styles in
<head>, scripts before </body>). The downloaded file already includes them.<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script><div class="accordion shadow-sm" id="faqAcc" style="max-width:420px">
<div class="accordion-item"><h2 class="accordion-header"><button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#fq1">Do you offer a free trial?</button></h2><div id="fq1" class="accordion-collapse collapse show" data-bs-parent="#faqAcc"><div class="accordion-body small">Yes — 14 days, no credit card required.</div></div></div>
<div class="accordion-item"><h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#fq2">Can I cancel anytime?</button></h2><div id="fq2" class="accordion-collapse collapse" data-bs-parent="#faqAcc"><div class="accordion-body small">Absolutely, cancel from your dashboard with one click.</div></div></div>
<div class="accordion-item"><h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#fq3">Is support included?</button></h2><div id="fq3" class="accordion-collapse collapse" data-bs-parent="#faqAcc"><div class="accordion-body small">All paid plans include priority email support.</div></div></div>
</div>Free to use.This component uses Bootstrap 5 (linked above). Copy any file, or download a ready-to-open .html page with the CDN links already included.