Create an "Accordion" block.

This tutorial will show you how to hide content in an accordion.

Click on the "+" button

In the "Layout" tab, there is a big blue button with a +. Click this button to create a new block. 

Tutoriel - Accordéon

Then you have to choose the type of block.

When you click the plus button, a window appears with a choice of block type. Click on the "Accordion" button to create the block.  

Tutoriel - Accordéon

Let's add our first tab to our accordion.

You just have to click on the "Add" button.  

Tutoriel - Accordéon

Enter the information for your tab.

To begin, you will enter informaitons about the header of your tab (title, alignment, colors, margins, etc.).

You will also choose 2 color options for the content, which will appear when you click on the title of this tab.

Note that margins are for the title AND for the content.

Tutoriel - Accordéon

Now enter the hidden content of the tab.

Click on the "View Content" button to access the hidden content of your tab. You can add text, photos, videos, just like in a normal content block.

Tutoriel - Accordéon

Save your tab.

Once the content has been entered, it is time to save your work. Click the "Send" button at the bottom of the page.

Tutoriel - Accordéon

Position your block in the layout.

You can resize and move your block in your layout as you wish. It's time to check if the margins are well aligned with the rest of your layout.

Tutoriel - Accordéon

Add a 2nd tab to your accordion.

To add a second tab, just click on the "Add" button. This will create another tab, with all the same options as the first one. 

Tutoriel - Accordéon

Repeat as many times as you want!

An accordion block is used to put a lot of content in a small space. Do not hesitate to put a lot of tab to your accordion. You can move the tabs with the big blue arrow to the left of the "Header" field.

Tutoriel - Accordéon

Check the result on the website online.

When adding content, regardless of the type of content (images, text, videos, etc.), it is important to check the final result on the site. 

Tutoriel - Accordéon