Overview:
In this article, we will learn, how we can create Collapsible Sections in Modern SharePoint Pages. So, let’s get started!
Step 1:
Edit your SharePoint Modern Page and click
on Edit Icon for the section you want to make collapsible. 
Step 2:
Now, we need to configure, different
Properties. 
| 
   Make this section collapsible  | 
  
   Property
  set to true to make our section collapsible  | 
 
| 
   Section
  display name  | 
  
   Property
  to show display name for a section.  | 
 
| 
   Show divider line between sections  | 
  
   Property
  to show divider line between two sections. We will turn on the switch.  | 
 
| 
   Expand/collapse icon alignment  | 
  
   Property
  to set alignment for Expand/collapse alignment to Right or Left side. We will
  set Left.  | 
 
| 
   Default display  | 
  
   Property
  to set default collapsed property for the section. Set turn off for this
  example!  | 
 
Step 3:
Once the above properties are configured,
Publish the page and the collapsible section is ready to use. Isn’t that
amazing? The output looks like the below screen.
Conclusion:
This is how we can make collapsible
sections in SharePoint Modern Pages in out of the box manner. Isn’t that cool?













