Skip to content
Novus Examples

Accordion and disclosure

Native details elements keep their content in the DOM while closed; the ARIA accordion beside them removes it. Same visual behaviour, opposite answer to whether the text is there. SAMPLE content only.

Native details — content stays in the DOM

First section

SAMPLE body text for the first section. Fictional throughout.

Second section

SAMPLE body text for the second section. Fictional throughout.

Third section

SAMPLE body text for the third section. Fictional throughout.

ARIA accordion — content is unmounted when closed

SAMPLE body text for the first section. Fictional throughout.