Accordion

A vertically stacked set of interactive headings that enable users to reveal or hide associated sections of content.

See the WAI ARIA guidelines for Accordions.

Structure

<Accordion>
<AccordionItem>
	<AccordionHeader>
		<AccordionTrigger />
	</AccordionHeader>
	<AccordionContent />
</AccordionItem>
</Accordion>

Demo