For this example we will add an Accordion block to a Basic Page, the process would be the same for a Flexible Layout page.
1. After you have saved your initial page click on the Layout button.
2. Click on Add block.
3. Click on Create custom block in the upper right corner of the window.
4. Select Accordion from the list.
5. You are required to give the block a title. This title will not be displayed to the screen so just give a title that is meaningful to the block. The Accordion Tab Title is what will appear on the bar the user clicks to expand the accordion and the Accordion Tab Content is where the content will appear. There are a few different colors to select from.
6. To add another tab, click on Add Accordion Tab.
The next tab will have a grey background.
7. You can use the checkboxes under Style to add space under the accordion if necessary or to center the text.
8. After you have added all of your tabs click on Add block.
9. You will be able to preview what your block will look like before saving the page.
10. You can edit by clicking on the pencil icon in the upper right corner and selecting Configure.
11. If you edit the block the Add block button will change to Update.
12. Once you are satisfied with your accordion block click on Save layout at the top of the window.
13. Then you should see the accordion on your page.
