Home > User Guides > VLE Guide for Instructors > Adding H5P Interactive Content >  Accordion

Accordion

Accordion is an H5P content type that is used for presenting content on a nested format. The content is shown in collapsible panels with a clickable title.

Below is an interactive example of the Accordion content type.

In order to create an Accordion content type:

1. Go to your content bank, click the Add button, and choose Accordion. Doing so will redirect you to the Accordion editor. Click the Enter Fullscreen button on the top-right of the editor to enable fullscreen editing.

Accordion: Choosing Accordion in the dropdown menu

2. Type the title you want to give to your new Accordion content type in the Title field. This will be useful if you want to search for the content later.

Accordion: The title field

3. In the Panels section, enter a title of your content in the upper Title field and your content in the Text field. You can also add external links in the Text field. You can add additional panels depending on the number of your contents by clicking the Add Panel button.

If you want to remove a content, click the “x” button on the top right. Click the up and down arrows beside the “x” button or drag the blue bar at the top of each content if you want to rearrange the contents.

Accordion: The Panels section

4. Click the Save button if you are done editing. It will now be added to your content bank for future use.