— by Nesim


The <details> element in HTML is a container that allows you to create a collapsible section on a webpage. It can hide content initially, revealing it only when a user interacts with it, such as by clicking or tapping. It consists of a summary, which serves as a clickable header, and the content that can be hidden or revealed based on user interaction.

Session CodePen

See this Pen on CodePen.

Browser Support