FAQ Accordion Built with Alpine.js (No Build Step)

An FAQ accordion built with Alpine.js - the lightweight, no-build reactive framework that exploded in popularity across the PHP ecosystem (Laravel/Livewire made it their default pick). All state and behavior lives directly in the HTML as x-data, x-show and @click attributes, no separate JavaScript file needed. Uses the official @alpinejs/collapse plugin for a smooth height animation instead of an abrupt show/hide. Copy the HTML and CSS below, keep the two CDN script tags, and drop it into any project.