Nation

5.3. Accordions element

Last updated: Sat Jan 19 2019

Accordions is a complex element which consists of inner accordion item and its structure is similar to container some content elements hierarchy. You can create as many inner accordion within element as you wish and then place any type of content within.

General

Accordions effect: Type of accordion effect from list

Class: Adding a custom class allows you to target the accordion easily within your custom codes.

Individual Accordion item

Accordion item is an instance of Accordions element and controls one specific item. It is similar to principe accordion contents.

General

Title: The title of accordion item, you can leave it empty.

Render Element: The heading tag for accordion title above.

Icon: Add an icon for accordion item from icon library.

Show as expand: Allow active accordion item (to have all accordion items closed on initial load).

Class: Adding a custom class allows you to target the accordion item easily within your custom codes.

Individual Accordion content

Allows you to control the content of accordion item. Choose one or more elements.

How to use accordions element

Step 1: Create a new content, page, block or edit an existing one.

Step 2: Select DrupalExp Builder from list of Text format for Drupal editor.

Step 3: Click + button from Column element, then select Accordions element.

Step 4: Setting attributes for accordions from list options above.

Step 5: Click + button from Accordions element, then select Accordion Item element.

Step 6: Setting attributes for accordion item from list options above.

Step 7: Click + button from Accordion item element, then select element content you want to add for this accordion element.

Step 8: Add content and setting attributes for content element.

Step 9: Once finished, click Save.