What is an accordion?

A disclosure widget built from the native <details> and <summary> elements. The open/close animation uses the ::details-content pseudo-element — no JavaScript.

How does it work?

Each item is a separate <details>, so several can stay open at once. Click a summary or focus it and press Enter to toggle.

Why use it?

Keyboard support, state, and accessibility come from the platform — Zazz only styles the chrome through theme tokens.