Accordions and Toggles

[vc_row][vc_column][vc_column_text]

Standard Toggle

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_column_text]

Simple Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ size= »sm »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ size= »sm »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ size= »sm »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width= »1/2″][vc_column_text]

Round Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »round »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »round »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »round »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_column_text]

Round bordered Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »round_outline » size= »sm »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »round_outline » size= »sm »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »round_outline » size= »sm »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width= »1/2″][vc_column_text]

Square Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »square » size= »lg »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »square » size= »lg »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »square » size= »lg »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_column_text]

Square bordered Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »square_outline »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »square_outline »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »square_outline »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width= »1/2″][vc_column_text]

Arrow Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »arrow »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »arrow »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »arrow »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Framed Toggle

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_column_text]

Simple Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ el_class= » kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ el_class= » kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ el_class= » kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width= »1/2″][vc_column_text]

Round Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »round » el_class= » kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »round » el_class= » kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »round » el_class= » kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_column_text]

Round bordered Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »round_outline » size= »sm » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »round_outline » size= »sm » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »round_outline » size= »sm » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width= »1/2″][vc_column_text]

Square Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »square » size= »lg » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »square » size= »lg » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »square » size= »lg » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_column_text]

Square bordered Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »square_outline » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »square_outline » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »square_outline » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width= »1/2″][vc_column_text]

Arrow Toggle

[/vc_column_text][vc_toggle title= »Toggle 1″ style= »arrow » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 2″ style= »arrow » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title= »Toggle 3″ style= »arrow » el_class= »kidzoo-framed-toggle »]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height= »50px »][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Standard Accordion

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_tta_accordion shape= »square » active_section= »1″ collapsible_all= »true »][vc_tta_section i_icon_fontawesome= »fa fa-university » add_icon= »true » title= »Accordion 1″ tab_id= »1491976860662-84b749c1-dc0b »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-graduation-cap » add_icon= »true » title= »Accordion 2″ tab_id= »1491976860776-abc43470-8d2d »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-life-ring » add_icon= »true » title= »Accordion 3″ tab_id= »1491977067819-187abbe2-304a »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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_column width= »1/2″][vc_tta_accordion c_align= »right » c_position= »right » active_section= »1″ collapsible_all= »true »][vc_tta_section i_icon_fontawesome= »fa fa-university » add_icon= »true » title= »Accordion 1″ tab_id= »1491977200909-b35e36c9-cee5″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-graduation-cap » add_icon= »true » title= »Accordion 2″ tab_id= »1491977201140-c459e96e-d64f »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-life-ring » add_icon= »true » title= »Accordion 3″ tab_id= »1491977201374-c254bfcd-89eb »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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][vc_column][vc_empty_space height= »50px »][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_tta_accordion shape= »square » active_section= »1″][vc_tta_section i_icon_fontawesome= »fa fa-university » add_icon= »true » title= »Accordion 1″ tab_id= »1491979880656-37a750b6-dbf6″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-graduation-cap » add_icon= »true » title= »Accordion 2″ tab_id= »1491979881008-699d523a-c491″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-life-ring » add_icon= »true » title= »Accordion 3″ tab_id= »1491979881361-6729f553-efcf »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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_column width= »1/2″][vc_tta_accordion c_align= »right » c_position= »right » active_section= »1″][vc_tta_section i_icon_fontawesome= »fa fa-university » add_icon= »true » title= »Accordion 1″ tab_id= »1491979882101-ccfda7e0-2de8″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-graduation-cap » add_icon= »true » title= »Accordion 2″ tab_id= »1491979882456-78550ebf-a84e »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-life-ring » add_icon= »true » title= »Accordion 3″ tab_id= »1491979882811-2fd9d48f-37ba »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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][vc_column][vc_empty_space height= »50px »][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Framed Accordion

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_tta_accordion style= »outline » active_section= »1″ collapsible_all= »true »][vc_tta_section i_icon_fontawesome= »fa fa-university » add_icon= »true » title= »Accordion 1″ tab_id= »1491980287706-391af961-5156″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-graduation-cap » add_icon= »true » title= »Accordion 2″ tab_id= »1491980288104-7aa2b7a7-a12c »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-life-ring » add_icon= »true » title= »Accordion 3″ tab_id= »1491980288498-e937e26b-107f »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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_column width= »1/2″][vc_tta_accordion style= »outline » active_section= »1″][vc_tta_section i_icon_fontawesome= »fa fa-university » add_icon= »true » title= »Accordion 1″ tab_id= »1491977219586-7a443562-d847″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-graduation-cap » add_icon= »true » title= »Accordion 2″ tab_id= »1491977219878-64fbe21c-a09a »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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 i_icon_fontawesome= »fa fa-life-ring » add_icon= »true » title= »Accordion 3″ tab_id= »1491977220152-0254487b-f14c »][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.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]

%d blogueurs aiment cette page :
search previous next tag category expand menu location phone mail time cart zoom edit close