How to create expand and collapse FAQ on SharePoint Communication Site (Modern Site)?




Can anyone share the steps to create the expandable / collapse to create FAQ like the following when you click it appear and can hide?  

I am not a developer so I don't understand any coding.  I need to put it into the side on my main site.


Please provide step by step instructions to create it.  tks





I need the sample above, my site is something like this..

the answers or descriptions are quite long





4 Replies

Hi @bbsin,


There is no "out of the box" web part available for this functionality. You can use the "React Accordion plugin with SPFx" from the SharePoint GitHub repository to get the functionality you require. The deployment instructions are listed in the file. 


I hope this helps.



sininv1 . <> 10:00 PM (2 minutes ago) to Microsoft Hi Norm, thank you for your reply. I don't understand how to put it into the site.. Sorry I am cannot under the technical and coding side. 


my site is example... of the site/Lists/TEST%20Q/AllItems.aspx 


Do I put the code inside the box show below?  Not sure what code to put.

can you advice give more details steps. tks




You will need help from a developer to deploy the solution to your tenant.

Hi @Norman Young 


Ok will check with the person.  


Thanks again.