Accordion

This element is used to display content from multiple parse pages in a single embedded element – in this case, a list of minimized items that expand vertically to reveal content when clicked.

Accordion

(Click image to enlarge)

Place the cursor where you want the code to appear in the content field and select the element from the right-hand list. The following window will appear:

Author multi-page item popup

Type the title for the first tab item in the text field below the Item number. Enter the content you want to place in the parse page in the content field below.

To create new tab items, click the ‘Add another tab’ button in the top right corner and repeat the above process. To switch between tab items, click on the Item number itself. To delete a tab, click on the small ‘x’ to the right of the Item number.

Edit the tab items to your liking, then click Save. The code will be placed in the content field.

You can also use this Toolbar button as a shortcut: Accordion toolbar icon

Accordion code appears like this:

{accordion tab 1 title|page 1 filename.txt|tab 2 title|page 2 filename.txt} 

To switch to a tab bar interaction, replace ‘accordion’ with ‘tabs’.

If you need to edit the content of the tabs again, go to the Navigation area, find the parse pages that were created by the element, double-click on them and go to the Content tab. Then edit and save as you wish!

NOTES:
  • Since this interaction adds new pages to the course, you will need to save the navigation as well!