Accordion - Tshwane Interim

Each accordion is a separate piece of content. The heading and brief description only needs to be entered once.

accordions — Screenshot showing example of Accordion - Tshwane Interim content type.

Content Type Details

ID: 93
Name: Accordion - Tshwane Interim
Minimum user level: Contributor
Compatible with page layouts: Homepage, Landing Page, Inner Page: Full Width

Adds an accordion. Multiple adjacent accordions wrap together to create a complete set of accordions.

First Accordion Only Settings

Add the following optional elements to the first accordion in a group.

Heading - this will appear above the accordions. Adding a Heading will automatically start a new group of accordions.
Brief Description - will display below the Heading
Show Expand/Collapse Button - to display a button that will open or close all the accordions in that group

Misc

No minimum or maximum accordion limit
Adjacent accordions automatically combine into a group of accordions
Each accordion is created as a separate content item
If an accordion in a group has the 'Heading' element entered it will make it act as the first in a new set of accordions.

Content Type Elements Details

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Heading	Enter the heading of the section. Only used for the first accordion of a group of accorions.	100 Characters	Plain Text	No	No
Brief Description	Enter the brief description of the section. Only used for the first accordion of a group of accorions.	250 Characters	Plain Text	No	No
Title	Title for example “How do I apply for a course”	150 Characters	Plain Text	Yes	No
Show Expand/Collapse Button	Select the checkbox to show the Expand All/Collapse All Button. This is only relevant on the first accordion of a group. Choose from options: Yes	N/A	Check Box (List: Yes)	No	No
Title Colour	Select the color of the title. By default, its “White” Choose from options: Dark Navy, Light Grey, White	N/A	Select Box (List: Accordion Title Color - Sample Site)	Yes	No
Description	Content for the expanded accordion. Supports rich text such as bold, italics. See TinyMCE content options.	5000 Characters	HTML	Yes	No

Example

test

This is the heading

This is the brief description. The heading and brief description should only be entered on the first accordion of a group, as entering a heading will automatically create a new group of accordions.

Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.

Heading for the second set of accordions

This accordion has a heading and brief description, so a new group of accordions is created.

Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.
Any elements from the general content's kitchen sink can be used as content.