Toggles

Accordion
11/09/2014
Tabs
12/09/2014

Toggles

[trx_toggles type="toggles" style="4" bottom="20"] [trx_toggles_item title="Lorem ipsum 1"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis inventore repellat sequi.[/trx_toggles_item] [trx_toggles_item title="Lorem ipsum 2" open="yes"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis. [/trx_toggles_item] [trx_toggles_item title="Lorem ipsum 3" open="yes"]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspic. [/trx_toggles_item] [/trx_toggles]


[trx_section align=”right” dedicated=”no” columns=”1_2″]
[trx_toggles type=”toggles” style=”1″ bottom=”60″]
[trx_toggles_item title=”Lorem ipsum 1″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis inventore repellat sequi.
[/trx_toggles_item]
[trx_toggles_item title=”Lorem ipsum 2″ open=”yes”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis. [/trx_toggles_item]
[trx_toggles_item title=”Lorem ipsum 3″ open=”yes”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspic. [/trx_toggles_item]
[/trx_toggles]
[/trx_section]

[trx_title type=”4″]Style 1[/trx_title]

[trx_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, laboriosam, enim, dolores, excepturi voluptas quaerat quo perferendis ducimus earum eveniet soluta deleniti voluptate sed neque facilis recusandae rerum aperiam alias id temporibus saepe corrupti totam nobis quisquam in consequuntur tempore error ex dicta necessitatibus iste nisi cupiditate quam. Praesentium, quia, perspiciatis modi ex explicabo obcaecati nulla quidem esse quam rem? Accusantium, maiores, nemo, nulla similique sapiente aut deserunt rerum quos magnam provident dicta expedita eveniet corporis illum voluptates animi velit modi eligendi magni id beatae recusandae ipsam obcaecati incidunt voluptas facere odit voluptatum tempore dolores. Accusamus, recusandae molestias officia necessitatibus nostrum placeat omnis amet quo minus nihil explicabo voluptate cupiditate id ab eius maiores quisquam quidem aliquam voluptas ex inventore natus quae obcaecati accusantium repellendus? Porro, consequuntur ex molestiae nulla cupiditate doloribus aliquam soluta. Ducimus, facilis, nulla, minus, praesentium quos mollitia cumque dolorum commodi cum dicta natus quidem qui consequatur illum explicabo est iste magni dolor! Modi, nobis, ratione optio minima repellendus ducimus nisi mollitia voluptatibus atque iste commodi eaque dolore quis rem facilis tempore adipisci consectetur? [/trx_text]

[trx_br clear=”both”]

[trx_section align=”left” dedicated=”no” columns=”1_2″]
[trx_toggles type=”toggles” style=”2″ icon=”left” counter=”on” bottom=”60″]
[trx_toggles_item title=”Lorem ipsum 1″ open=”no”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quodus.
[/trx_toggles_item]
[trx_toggles_item title=”Lorem ipsum 2″ open=”yes”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod essum minus. [/trx_toggles_item]
[trx_toggles_item title=”Lorem ipsum 3″ open=”yes”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis inventore repellat sequi ipsa amet ducimus voluptam minus. [/trx_toggles_item]
[/trx_toggles]
[/trx_section]

[trx_title type=”4″]Style 2 Collapsed toggles with counters[/trx_title]

[trx_text]Recusandae rerum aperiam alias id temporibus saepe corrupti totam nobis quisquam in consequuntur tempore error ex dicta necessitatibus iste nisi cupiditate quam. Praesentium, quia, perspiciatis modi ex explicabo obcaecati nulla quidem esse quam rem? Accusantium, maiores, nemo, nulla similique sapiente aut deserunt rerum quos magnam provident dicta expedita eveniet corporis illum voluptates animi velit modi eligendi magni id beatae recusandae ipsam obcaecati incidunt voluptas facere odit voluptatum tempore dolores. Accusamus, recusandae molestias officia necessitatibus nostrum placeat omnis amet quo minus nihil explicabo voluptate cupiditate id ab eius maiores quisquam quidem aliquam voluptas ex inventore natus quae obcaecati accusantium repellendus? Porro, consequuntur ex molestiae nulla cupiditate doloribus aliquam soluta. Ducimus, facilis, nulla, minus, praesentium quos mollitia cumque dolorum commodi cum dicta natus quidem qui consequatur illum explicabo est iste magni dolor![/trx_text]

[trx_br clear=”both”]

[trx_section align=”right” dedicated=”no” columns=”1_2″]
[trx_toggles type=”toggles” style=”3″ icon=”right” counter=”on” bottom=”60″]
[trx_toggles_item title=”Lorem ipsum 1″ open=”no”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis inventore repellat sequi ipsa amet ducimus voluptas tempora rem eaque harum deserunt laudantium deleniti fugit natus magni numquam alias earum minus.
[/trx_toggles_item]
[trx_toggles_item title=”Lorem ipsum 2″ open=”yes”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis inventore repellat sequi ipsa amet ducimus voluptas tempora rem eaque harum deserunt laudantium deleniti fugit natus magni numquam alias earum minus. [/trx_toggles_item]
[/trx_toggles]
[/trx_section]

[trx_title type=”4″]Style 3 & icon left[/trx_title]

[trx_text]Modi, nobis, ratione optio minima repellendus ducimus nisi mollitia voluptatibus atque iste commodi eaque dolore quis rem facilis tempore adipisci consectetur? Soluta, quidem, eius, maiores voluptas laudantium aperiam laboriosam provident eos inventore quibusdam sed officia molestias dignissimos illum rem doloribus sunt deserunt animi voluptatum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, laboriosam, enim, dolores, excepturi voluptas quaerat quo perferendis ducimus earum eveniet soluta deleniti voluptate sed neque facilis recusandae rerum aperiam alias id temporibus saepe corrupti totam nobis quisquam in consequuntur tempore error ex dicta necessitatibus iste nisi cupiditate quam. Praesentium, quia, perspiciatis modi ex explicabo obcaecati nulla quidem esse quam rem? Accusantium, maiores, nemo, nulla similique sapiente aut deserunt rerum quos magnam provident dicta expedita eveniet corporis illum voluptates animi velit modi eligendi magni id beatae recusandae ipsam obcaecati incidunt voluptas facere odit voluptatum tempore dolores. [/trx_text]

[trx_section align=”left” dedicated=”no” columns=”1_2″]
[trx_toggles type=”toggles” bottom=”0″]
[trx_toggles_item title=”Lorem ipsum 1″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis inventore repellat sequi.
[/trx_toggles_item]
[trx_toggles_item title=”Lorem ipsum 2″ open=”yes”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspiciatis reprehenderit ex quis. [/trx_toggles_item]
[trx_toggles_item title=”Lorem ipsum 3″ open=”yes”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, soluta eos cupiditate nisi alias laborum quod esse a quibusdam ullam? Omnis, aspernatur aut atque eum quod molestiae quo perspic. [/trx_toggles_item]
[/trx_toggles]
[/trx_section]

[trx_title type=”4″]Style 4[/trx_title]

[trx_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, laboriosam, enim, dolores, excepturi voluptas quaerat quo perferendis ducimus earum eveniet soluta deleniti voluptate sed neque facilis recusandae rerum aperiam alias id temporibus saepe corrupti totam nobis quisquam in consequuntur tempore error ex dicta necessitatibus iste nisi cupiditate quam. Praesentium, quia, perspiciatis modi ex explicabo obcaecati nulla quidem esse quam rem? Accusantium, maiores, nemo, nulla similique sapiente aut deserunt rerum quos magnam provident dicta expedita eveniet corporis illum voluptates animi velit modi eligendi magni id beatae recusandae ipsam obcaecati incidunt voluptas facere odit voluptatum tempore dolores. Accusamus, recusandae molestias officia necessitatibus nostrum placeat omnis amet quo minus nihil explicabo voluptate cupiditate id ab eius maiores quisquam quidem aliquam voluptas ex inventore natus quae obcaecati accusantium repellendus? Porro, consequuntur ex molestiae nulla cupiditate doloribus aliquam soluta. Ducimus, facilis, nulla, minus, praesentium quos mollitia cumque dolorum commodi cum dicta natus quidem qui consequatur illum explicabo est iste magni dolor! Modi, nobis, ratione optio minima repellendus ducimus nisi mollitia voluptatibus atque iste commodi eaque dolore quis rem facilis tempore adipisci consectetur? Soluta, quidem, eius, maiores voluptas laudantium aperiam laboriosam provident eos inventore quibusdam sed officia molestias dignissimos illum rem doloribus sunt deserunt animi voluptatum![/trx_text]

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *