HTML Questions & Answers Part of the Q&A Network

Real Questions. Clear Answers.

Ask any question about HTML here... and get an instant response.

How do I create a collapsible section in my webpage using HTML?

Asked on Nov 06, 2025

Answer

Previous Question Next Question

To create a collapsible section in your webpage, you can use the HTML

and

elements. The

element provides a way to create a section that users can expand or collapse, while the

element serves as the clickable label for the collapsible section.

<!-- BEGIN COPY / PASTE -->
    <details>
      <summary>Click to expand/collapse</summary>
      <p>This is the content inside the collapsible section. You can add more HTML elements here as needed.</p>
    </details>
    <!-- END COPY / PASTE -->

Additional Comment:

The <details> element is used to create a collapsible section.
The <summary> element acts as the clickable label to toggle the section.
Content inside the <details> element is hidden by default and shown when expanded.

✅ Answered with HTML best practices.

Recommended Links:

AI Bootstrap Builder GeeksforGeeks HTML Tutorials

← Back to All Questions

Web Analytics