# Details and Summary: Show and Hide

The details and summary elements make a section that opens and closes when it's clicked, such as an FAQ answer or a quiz answer, with no JavaScript and with keyboard support built in.

![Codey's cheat sheet for Details and Summary: Show and Hide: The details and summary elements make a section that opens and closes when it's clicked, such as an FAQ answer or a quiz answer, with no JavaScript and with keyboard support built in.](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/fa218af049db49b3bbff8969923d2601.webp)

- Category: HTML
- Level: Apprentice
- Tags: <details>, <summary>, html, open attribute
- Updated: October 31, 2026

Source: https://www.ask-codey.com/cheat-sheets/html-details-and-summary-cheat-sheet