Accordion

Accordion Shortcode

Carefully crafted shortcode with many different settings available.

[tdp_spacing size=”30″]

[tdp_column size=”one-half” position=”first” ]
[tdp_accordion] [tdp_accordion_section title=”Accordion 1″] One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. [/tdp_accordion_section] [tdp_accordion_section title=”Accordion 2″] Samsa was a travelling salesman – and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame [/tdp_accordion_section] [/tdp_accordion]
[/tdp_column][tdp_column size=”one-half” position=”last” ]
[tdp_accordion] [tdp_accordion_section title=”Accordion 1″] One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. [/tdp_accordion_section] [tdp_accordion_section title=”Accordion 2″] Samsa was a travelling salesman – and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame [/tdp_accordion_section] [/tdp_accordion]
[/tdp_column]

[tdp_clearfix][tdp_spacing size=”50″]

Accordion Shortcode

Did you know you can also add shortcodes into the accordion content?

[tdp_spacing size=”30″]

[tdp_column size=”one-half” position=”first” ]
[tdp_accordion] [tdp_accordion_section title=”Accordion 1″][tdp_box color=”blue”]
This is an example of an info message.
[/tdp_box][tdp_box color=”green”]
This is an example of a success message.
[/tdp_box][tdp_box color=”red”]
This is an example of an error message.
[/tdp_box][tdp_box color=”yellow”]
This is an example of a warning message.
[/tdp_box][/tdp_accordion_section][tdp_accordion_section title=”Accordion 2″] One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. [/tdp_accordion_section][/tdp_accordion]
[/tdp_column][tdp_column size=”one-half” position=”last” ]
[tdp_accordion] [tdp_accordion_section title=”Accordion 1″][pie_chart title=”Pie Chart Sample” title_color=”” title_tag=”h3″ percent=”89″ percentage_color=”” percent_font_size=”” percent_font_weight=”” active_color=”” noactive_color=”” line_width=”” text=”” text_color=””][/tdp_accordion_section][tdp_accordion_section title=”Accordion 2″] One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. [/tdp_accordion_section] [/tdp_accordion]
[/tdp_column]