Display a list of questions that reveal the answers when you click on them.
Step 1: Create the Page
- Click Pages → Add New.
- You can give this page a title, eg. “FAQ”.
- Optionally set the page width to narrow:
Look for Page Attributes on the right side and click on the Template drop-down menu. Make sure “Default Template” is selected.
Look for Page Settings on the right side and select Page Width Narrow (700px)
Step 2: Add a Question
- Click ⊕ to add a new block
- Select the Paragraph block and enter the question text.
- In the right sidebar, click Block
- Open the Advanced Tab. Into the field Additional CSS class(es) add “question”
Step 3: Add an Answer
- Click ⊕ to add a new block
- Select a block, for example the Paragraph block. You can also group multiple blocks, for example paragraphs, lists and images.
- Into the field Additional CSS class(es) of the block or group, add “answer”