Accordions & Toggles

Accordion Code

[container padding="0 0 10px"][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"]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"]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"]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"]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="medium" align="center"]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"]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"]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"]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"]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]