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