FAQ Accordion

Click a question, reveal its answer — show and hide, done accessibly.

The expandable FAQ you've seen on a hundred sites. Clicking a question opens its answer and closes the rest. You'll learn to toggle visibility the right way, with real buttons and ARIA.

What's inside

• One-open-at-a-time accordion behavior
• Real <button> headers with aria-expanded
• Smooth open/close animated in pure CSS
• Keyboard and screen-reader friendly
• Light & dark mode, no dependencies

Quickstart

$ curl -LO https://devai.io/downloads/faq-accordion.zip$ unzip faq-accordion.zip && cd faq-accordion$ open index.html   # or just double-click the file

Browse the code

The full source, exactly as the zip ships it.