Accordions

Accordions Elements Examples

Group your content according to its meaning and show it in a compact user friendly way. TheGem comes with responsive tabs & tours, each in multiple styles. You can add unlimited number of tabs and fill them with any content you wish!

Accordion Style One

[rt_accordion_style radiant_extra_class=”accordion-style-one”][rt_accordion_style_item radiant_accordiontitle=”Branding is simply a more efficient way to sell things?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][rt_accordion_style_item radiant_accordiontitle=”It’s better to be first in the mind than to be first in the marketplace?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][rt_accordion_style_item radiant_accordiontitle=”Marketing is a company’s ultimate objective?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][/rt_accordion_style]

Accordion Style Two

[rt_accordion_style radiant_accordionstyle=”two”][rt_accordion_style_item radiant_accordiontitle=”Branding is simply a more efficient way to sell things?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][rt_accordion_style_item radiant_accordiontitle=”It’s better to be first in the mind than to be first in the marketplace?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][rt_accordion_style_item radiant_accordiontitle=”Marketing is a company’s ultimate objective?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][/rt_accordion_style]

Accordion Style Three

[rt_accordion_style radiant_accordionstyle=”three” accordion_content_css=”.vc_custom_1519375472005{padding-right: 20px !important;padding-left: 50px !important;}”][rt_accordion_style_item radiant_accordiontitle=”Branding is simply a more efficient way to sell things?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][rt_accordion_style_item radiant_accordiontitle=”It’s better to be first in the mind than to be first in the marketplace?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][rt_accordion_style_item radiant_accordiontitle=”Marketing is a company’s ultimate objective?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/rt_accordion_style_item][/rt_accordion_style]