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.
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.
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.