Accordion

Accordions are useful to publish different additional content divided or grouped in different sections. In this way you can publish a lot of information in compact form, not blowing out the size of your page and attract the visitor’s attention on some special points in your article.

Check this demo page showing different accordion style presets available in TheGem:

https://codex-themes.com/thegem/elements/accordions-toggles/

Note: all this styles can be easily customized to meet your individual design needs. No coding needed. 

You can find “Accordion” element in editing panel of Elementor in “TheGem Elements” group:

Content Tab

Layout

Skin: we have added 6 design presets for different accordion styles you can choose from

Accordion

Each accordion section is an item, which can be edited in “Accordion” section. As content source you can select between TinyMCE text editor or template from Template Library

By clicking on “+ Add Item” you can add additional accordion sections

Style Tab

Here you can separately style accordion item container, item content, closed item and item title.