Accordions & Toggles

[vc_row full_width=”stretch_row” css=”.vc_custom_1465394420542{margin-bottom: 0px !important;padding-top: 80px !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column][vc_column_text css=”.vc_custom_1489385560032{margin-bottom: 60px !important;}”]

Standard Accordion

[/vc_column_text][vc_tta_accordion style=”flat” active_section=”1″ no_fill=”true”][vc_tta_section title=”First Section” tab_id=”1465393382857-4f3f7001-a348″][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_tta_section][vc_tta_section title=”Second Section” tab_id=”1465393382980-cad0afcf-535b”][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_tta_section][vc_tta_section title=”Third Section” tab_id=”1465393405411-d7babe10-1066″][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_tta_section][/vc_tta_accordion][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1431875115132{margin-bottom: 0px !important;padding-top: 80px !important;padding-bottom: 80px !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column][vc_column_text css=”.vc_custom_1489385567482{margin-bottom: 60px !important;}”]

Toggle Variants

[/vc_column_text][vc_toggle title=”Toggle title 1″ style=”simple” color=”juicy_pink” css_animation=”bottom-to-top” el_id=”1465394030413-1062e823-ed0b”]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”Toggle title 2″ color=”blue” css_animation=”bottom-to-top” el_id=”1465394030543-089d8dbe-f354″]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”Toggle title 3″ style=”round” color=”turquoise” css_animation=”bottom-to-top” el_id=”1465394030673-ee2a3f7c-f44a”]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”SMALL ICON Toggle title 4″ style=”round_outline” color=”violet” size=”sm” css_animation=”bottom-to-top” el_id=”1465394030796-96664dd8-faef”]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”LARGE ICON Toggle title 5″ style=”rounded” color=”orange” size=”lg” css_animation=”bottom-to-top” el_id=”1465394030926-44c05478-08ba”]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”Toggle title 6″ style=”rounded_outline” color=”green” css_animation=”bottom-to-top” el_id=”1465394031059-0eac601c-fa28″]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”Toggle title 7″ style=”square” color=”sandy_brown” css_animation=”bottom-to-top” el_id=”1465394031185-6d7c3dd3-e7b4″]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”Toggle title 8″ style=”square_outline” color=”juicy_pink” css_animation=”bottom-to-top” el_id=”1465394031314-44b70792-4931″]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title=”Toggle title (text only – no icon)” style=”text_only” color=”juicy_pink” css_animation=”bottom-to-top” el_id=”1465394031452-36f316d1-33a1″]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row]