Accordions and Toggles

accordions

[tt_code][ accordions style='1 | 2 | 3 | 4 ' ][ 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 ][/accordions][/tt_code]

[container background_color="#fff"]

[one_half padding="0 15px" margin='15px 0 0']

Style 1

[accordions 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][/accordions][/one_half]

[one_half padding="0 15px" margin='15px 0 0']

Style 2

[accordions style='2'][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][/accordions][/one_half]

[one_half padding="0 15px" margin='15px 0 0']

Style 3

[accordions style='3'][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][/accordions][/one_half]

[one_half padding="0 15px" margin='15px 0 0']

Style 4

[accordions style='4'][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][/accordions][/one_half]

[/container]

toggles

[tt_code][ toggles 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 ][ /toggles ][/tt_code]

[container background_color="#fff"]

[one_half padding='0 15px' margin='15px 0 0']

Style 1

[toggles 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][/toggles][/one_half]

[one_half padding='0 15px' margin='15px 0 0']

Style 2

[toggles style='2'][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][/toggles][/one_half]

[one_half padding='0 15px' margin='15px 0 0']

Style 3

[toggles style='3'][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][/toggles][/one_half]
[one_half padding='0 15px' margin='15px 0 0']

Style 4

[toggles style='4'][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][/toggles][/one_half]

[/container]

X