Toggles /Accordion/ Tabs

Toggle/Accordion/Tabs shortcode

Toggle

[one_half][toggle title=”Premium WP Theme”]

Ten years ago a crack commando unit was sent to prison by a military court for a crime they didn’t commit.

[/toggle][/one_half][one_half_last]

[toggle title=”Elite Author’s support”]

Ten years ago a crack commando unit was sent to prison by a military court for a crime they didn’t commit.

[ul]

[li icon=”check”]Lorem ipsum dolor sit amet, consectetur adipiscing elit[/li]
[li icon=”check”]Moerem psum adipiscing elit[/li]
[li icon=”check”]Plugin is trying to help you achieve the same thing[/li]
[li icon=”check”]Amet, consectetur adipiscing elit help you[/li]
[/ul]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.[/toggle]

[/one_half_last][space size=”45″]


Set of Toggles

[toggle title=”Table inside this toggle”]
[custom_table style=”2″]

Table Column 1 [icon icon=”camera”][/icon] Column 2 Column 3 Column 4
Lorem impsum dolor 200 $345 yes
Consectetur adipisicing 100 $652 no
Sed do eiusmod 777 $125
Labore et dolore 531 $37 yes

[/custom_table]

[/toggle]

[toggle title=”We put a ton of effort into providing top-notch WordPress tech support”]

Consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[toggle title=”You can use your own text here”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu. Aipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.Lorem ipsum dolor sit amet,

[/toggle][space size=”45″]


Initial State – Opened

[toggle title=”Toggle title goes here” state=”opened”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.Lorem ipsum dolor sit amet.

[/toggle][space size=”45″]


Accordion

Accordion in fact is a set of Toggles, wrapped into [accordion] shortcode.

Accordion shortcode

[two_third][accordion][toggle title=”Accordion item 1 title”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[ul]
[li icon=”0067.png”]Lorem ipsum dolor sit amet, consectetur adipiscing elit[/li]
[li icon=”0145.png”]Moerem psum adipiscing elit[/li]
[li icon=”0223.png”]Plugin is trying to help you achieve the same thing[/li]
[li icon=”0020.png”]Amet, consectetur adipiscing elit help you[/li]
[/ul]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[toggle title=”Accordion item 2 title”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]

[toggle title=”Accordion item 3 title”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.

[/toggle]
[/accordion][/two_third][one_third_last]

Accordion is a web control that allows you to provide multiple panes and display them one at a time. It is like having several CollapsiblePanels where only one can be expanded at a time.

[/one_third_last]
[space size=”45″]


Tabs

Tabs Shortcode

[tabs][tab title=”Tab one”]We make sure everything we do honors that connection – from our commitment to the highest quality coffee in the world, to the way we engage with our customers and communities to do business responsibly. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla, nulla sit amet volutpat adipiscing, enim velit molestie erat, nec ultricies nunc massa at arcu.[/tab][tab title=”Tab two”]Duis ut arcu tortor, quis vestibulum augue. Nam ut arcu eget nisl elementum aliquet at id ligula. Sed sit amet ligula in massa pharetra auctor quis rutrum magna. Erom our commitment to the highest quality coffee in the world, to the way we engage with our customers and communities to do business responsibly. Nam ut arcu eget nisl elementum aliquet at id ligula. Sed sit amet ligula in massa pharetra auctor quis rutrum magna. Erom our commitment to the highest quality coffee in the world, to the way we engage with our customers and communities to do business responsibly.[/tab][tab title=”Tab three”]Ut congue, massa eget interdum ullamcorper, quam mi mattis metus, eu gravida sem dolor quis metus. In placerat varius erat ut bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/tab][/tabs]