Accordions & Toggles

Accordion Code

[container padding=»30px 0″][title size=»small»]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=»40px 0″][one_half content_width=»95%»][title size=»small» type=»simple»]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=»simple»]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=»40px 0″][one_half content_width=»95%»][title size=»small» type=»simple»]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=»simple»]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=»30px 0″][title size=»small»]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=»40px 0″][one_half content_width=»95%»][title size=»small» type=»simple»]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=»simple»]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=»40px 0″][one_half content_width=»95%»][title size=»small» type=»simple»]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=»simple»]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]