Accordions & Toggles

Accordion Code

[container padding="10px 0"][title size="small" align="center" text_align="center" type="fancy"]Accordion[/title]
[tm_code][ tm_accordion style="1" ]
[ accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. [ /accordion]
[ accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. [ /accordion ]
[ accordion title="Nam tempor diam elit" ]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. [ /accordion ]
[ /tm_accordion ][/tm_code][/container]

Style One and Two Accordion

[container padding="10px 0"]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style One Accordion[/title]
[tm_accordion style="1"]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion][/tm_accordion]
[/one_half]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style Two Accordion[/title]
[tm_accordion style="2"]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion][/tm_accordion]
[/one_half]
[/container]

Style Three and Four Accordion

[container padding="20px 0"]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style Three Accordion[/title]
[tm_accordion style="3"]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[/tm_accordion]
[/one_half]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style Four Accordion[/title]
[tm_accordion style="4"]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[accordion title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/accordion]
[/tm_accordion]
[/one_half]
[/container]

Toggle Code

[container padding="10px 0"][title size="small" align="center" text_align="center" type="fancy"]Toggle[/title]
[tm_code][ tm_toggle style="1" ]
[ toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. [ /toggle]
[ toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. [ /toggle ]
[ toggle title="Nam tempor diam elit" ]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. [ /toggle ]
[ /tm_toggle ][/tm_code][/container]

Style One and Two Toggle

[container padding="20px 0"]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style One Toggle[/title]
[tm_toggle style="1"]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[/tm_toggle]
[/one_half]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style Two Toggle[/title]
[tm_toggle style="2"]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[/tm_toggle]
[/one_half]
[/container]

Style Three and Four Toggle

[container padding="20px 0"]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style Three Toggle[/title]
[tm_toggle style="3"]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[/tm_toggle]
[/one_half]
[one_half content_width="95%"]
[title size="small" type="border" text_align="center"]Style Four Toggle[/title]
[tm_toggle style="4"]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[toggle title="Nam tempor diam elit"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit. Praesent magna metus, conse viverra nec, convallis et lacus. [/toggle]
[/tm_toggle]
[/one_half]
[/container]