The **Collapsible content** section helps break up longer descriptions and make them more visually appealing.
This comes in handy when you want to show important notice or information without using up too much space.
## Customize a Collapsible content section
A **Collapsible content** section has 2 blocks:
* **Section header** and
* **Collapsible rows**
### **Section header**
Use this block to give your section a Heading, Text, Button, Image, Icon, or Custom code if needed.
### Collapsible rows
You can change the **Icon** style for the Collapsible rows: **Plus** or **Arrow.**
{% tabs %}
{% tab title="Plus" %}
{% endtab %}
{% tab title="Arrow" %}
{% endtab %}
{% endtabs %}
### Customize your Collection rows block
You can add or edit a maximum of **only one** type of child block - **Collapsible row** block - to the **Collection rows** block in the **Collapsible content** section.
If you want the Collapsible row to always open when the page is loaded, enable the **Default open** toggle :white\_check\_mark:
If you enable the **Hide if content is empty** toggle, the **Collapsible row** will be hidden then.
Add the suitable text into the **Heading** field, select an attractive **Icon**, and change the **Icon size** to draw the customer's attention.
Moreover, you can add the extra information in the **Content field**.
Add content using **Custom code** (Liquid is accepted, but it only works on the live page).
