How can I create a collapsible section on my webpage using HTML? - HTML Questions & Answers

HTML Questions & Answers Part of the Q&A Network

Real Questions. Clear Answers.

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

Post this Question & Answer:

How can I create a collapsible section on my webpage using HTML?

Asked on Nov 25, 2025

Answer

Previous Question Next Question

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

and

elements. These elements allow you to create a section that users can expand or collapse by clicking.

<!-- BEGIN COPY / PASTE -->
    <details>
      <summary>Click to expand</summary>
      <p>This is the content that will be shown when the section is expanded.</p>
    </details>
    <!-- END COPY / PASTE -->

Additional Comment:

The <details> element creates a container for the collapsible content.
The <summary> element acts as the clickable header for the collapsible section.
Content inside the <details> element is hidden by default and shown when expanded.

✅ Answered with HTML best practices.

Recommended Links:

AI Bootstrap Builder World Wide Web Consortium (W3C)

← Back to All Questions

Web Analytics