Accordion Toggles

[rockthemes_specialgridblock avoid_sidebar=”regular” skip_sg=”true”]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56CCC8″ details_color=”#a5a7a8″ bold_text=”DEEPLINKING ” light_text=”ACCORDION” details_text=”Make accordions easily. Add deeplinking to accordion and improve the usage even further.” heading_font_size=”” html_tag=”h2″ align=”left” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_toggles toggle_type=”multiple-mode” avoid_sidebar=”undefined” toggle_use_hash=”yes” boxed_layout=”false” open_toggle_index=”0″][rockthemes_toggles_single use_shadow=”true” title=”Accordion” toggle_hash=”accordion” icon_class=”icomoon icomoon-icon-big55″ icon_url=””]

Make accordions easily. You can simply click on Toggle Type and choose multiple toggles. This way you can make accordion element. Toggles are also very useful for FAQ pages.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Responsive Toggles” toggle_hash=”responsive_toggles” icon_class=”icomoon icomoon-icon-tablet2″ icon_url=””]

Responsive toggles are very useful. You can try to resize your browser to test it. Or you can review our toggles with a mobile device. Toggles are also Retina Ready. We use Retina Ready icons for toggles.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Drag And Drop” toggle_hash=”drag_and_drop” icon_class=”icomoon icomoon-icon-ring2″ icon_url=””]

You can edit toggles easily. With our Rock Page Builder, you can add/remove toggles with one click. You can also re-order toggles by simple drag-and-drop UI. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.

Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Add More” toggle_hash=”add_more” icon_class=”icomoon icomoon-icon-checkmark” icon_url=””]

You can add more toggles. Edit your toggles by choosing different modes. Add shadow wrap your toggles with a box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit.

Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][/rockthemes_toggles][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56CCC8″ details_color=”#a5a7a8″ bold_text=”RESPONSIVE ” light_text=”SINGLE TOGGLES” details_text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.” heading_font_size=”” html_tag=”h2″ align=”right” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_toggles toggle_type=”single-mode” avoid_sidebar=”undefined” toggle_use_hash=”no” boxed_layout=”false” open_toggle_index=”0″][rockthemes_toggles_single use_shadow=”false” title=”Accordion” toggle_hash=”” icon_class=”icomoon icomoon-icon-big55″ icon_url=””]

Make accordions easily. You can simply click on Toggle Type and choose multiple toggles. This way you can make accordion element. Toggles are also very useful for FAQ pages.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”false” title=”Responsive Toggles” toggle_hash=”” icon_class=”icomoon icomoon-icon-tablet2″ icon_url=””]

Responsive toggles are very useful. You can try to resize your browser to test it. Or you can review our toggles with a mobile device. Toggles are also Retina Ready. We use Retina Ready icons for toggles.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”false” title=”Drag And Drop” toggle_hash=”” icon_class=”icomoon icomoon-icon-ring2″ icon_url=””]

You can edit toggles easily. With our Rock Page Builder, you can add/remove toggles with one click. You can also re-order toggles by simple drag-and-drop UI. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.

Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”false” title=”Add More” toggle_hash=”” icon_class=”icomoon icomoon-icon-checkmark” icon_url=””]

You can add more toggles. Edit your toggles by choosing different modes. Add shadow wrap your toggles with a box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit.

Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][/rockthemes_toggles][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56CCC8″ details_color=”#a5a7a8″ bold_text=”OPEN ” light_text=”INDEX” details_text=”Change open index for the toggle. Also deeplinking toggles will open the toggle of the link.” heading_font_size=”” html_tag=”h2″ align=”left” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_toggles toggle_type=”multiple-mode” avoid_sidebar=”undefined” toggle_use_hash=”no” boxed_layout=”false” open_toggle_index=”2″][rockthemes_toggles_single use_shadow=”true” title=”Accordion” toggle_hash=”” icon_class=”icomoon icomoon-icon-big55″ icon_url=””]

Make accordions easily. You can simply click on Toggle Type and choose multiple toggles. This way you can make accordion element. Toggles are also very useful for FAQ pages.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Responsive Toggles” toggle_hash=”” icon_class=”icomoon icomoon-icon-tablet2″ icon_url=””]

Responsive toggles are very useful. You can try to resize your browser to test it. Or you can review our toggles with a mobile device. Toggles are also Retina Ready. We use Retina Ready icons for toggles.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Drag And Drop” toggle_hash=”” icon_class=”icomoon icomoon-icon-ring2″ icon_url=””]

You can edit toggles easily. With our Rock Page Builder, you can add/remove toggles with one click. You can also re-order toggles by simple drag-and-drop UI. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.

Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Add More” toggle_hash=”” icon_class=”icomoon icomoon-icon-checkmark” icon_url=””]

You can add more toggles. Edit your toggles by choosing different modes. Add shadow wrap your toggles with a box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit.

Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][/rockthemes_toggles][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56CCC8″ details_color=”#a5a7a8″ bold_text=”BOXED ” light_text=”TOGGLES” details_text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.” heading_font_size=”” html_tag=”h2″ align=”right” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_toggles toggle_type=”multiple-mode” avoid_sidebar=”undefined” toggle_use_hash=”no” boxed_layout=”true” open_toggle_index=”0″][rockthemes_toggles_single use_shadow=”true” title=”Accordion” toggle_hash=”” icon_class=”icomoon icomoon-icon-big55″ icon_url=””]

Make accordions easily. You can simply click on Toggle Type and choose multiple toggles. This way you can make accordion element. Toggles are also very useful for FAQ pages.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Responsive Toggles” toggle_hash=”” icon_class=”icomoon icomoon-icon-tablet2″ icon_url=””]

Responsive toggles are very useful. You can try to resize your browser to test it. Or you can review our toggles with a mobile device. Toggles are also Retina Ready. We use Retina Ready icons for toggles.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Drag And Drop” toggle_hash=”” icon_class=”icomoon icomoon-icon-ring2″ icon_url=””]

You can edit toggles easily. With our Rock Page Builder, you can add/remove toggles with one click. You can also re-order toggles by simple drag-and-drop UI. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.

Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Add More” toggle_hash=”” icon_class=”icomoon icomoon-icon-checkmark” icon_url=””]

You can add more toggles. Edit your toggles by choosing different modes. Add shadow wrap your toggles with a box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit.

Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][/rockthemes_toggles][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56CCC8″ details_color=”#a5a7a8″ bold_text=”DIFFERENT ” light_text=”COLUMNS” details_text=”You can choose different columns for toggles. Simply change the columns of the grid.” heading_font_size=”” html_tag=”h2″ align=”center” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ]
[rockthemes_toggles toggle_type=”multiple-mode” avoid_sidebar=”undefined” toggle_use_hash=”no” boxed_layout=”false” open_toggle_index=”0″][rockthemes_toggles_single use_shadow=”true” title=”Accordion” toggle_hash=”” icon_class=”icomoon icomoon-icon-equalizer” icon_url=””]

Make accordions easily. You can simply click on Toggle Type and choose multiple toggles. This way you can make accordion element. Toggles are also very useful for FAQ pages.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Responsive Toggles” toggle_hash=”” icon_class=”icomoon icomoon-icon-tablet2″ icon_url=””]

Responsive toggles are very useful. You can try to resize your browser to test it. Or you can review our toggles with a mobile device. Toggles are also Retina Ready. We use Retina Ready icons for toggles.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Drag And Drop” toggle_hash=”” icon_class=”icomoon icomoon-icon-ring2″ icon_url=””]

You can edit toggles easily. With our Rock Page Builder, you can add/remove toggles with one click. You can also re-order toggles by simple drag-and-drop UI. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.

Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Add More” toggle_hash=”” icon_class=”icomoon icomoon-icon-checkmark” icon_url=””]

You can add more toggles. Edit your toggles by choosing different modes. Add shadow wrap your toggles with a box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit.

Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][/rockthemes_toggles][rockthemes_vertical_space vertical_space_height=”default” custom_value=”60px”/]

[rockthemes_toggles toggle_type=”multiple-mode” avoid_sidebar=”undefined” toggle_use_hash=”no” boxed_layout=”false” open_toggle_index=”0″][rockthemes_toggles_single use_shadow=”true” title=”Accordion” toggle_hash=”” icon_class=”icomoon icomoon-icon-big55″ icon_url=””]

Make accordions easily. You can simply click on Toggle Type and choose multiple toggles. This way you can make accordion element. Toggles are also very useful for FAQ pages.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Responsive Toggles” toggle_hash=”” icon_class=”icomoon icomoon-icon-tablet2″ icon_url=””]

Responsive toggles are very useful. You can try to resize your browser to test it. Or you can review our toggles with a mobile device. Toggles are also Retina Ready. We use Retina Ready icons for toggles.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Drag And Drop” toggle_hash=”” icon_class=”icomoon icomoon-icon-ring2″ icon_url=””]

You can edit toggles easily. With our Rock Page Builder, you can add/remove toggles with one click. You can also re-order toggles by simple drag-and-drop UI. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat.

Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”true” title=”Add More” toggle_hash=”” icon_class=”icomoon icomoon-icon-checkmark” icon_url=””]

You can add more toggles. Edit your toggles by choosing different modes. Add shadow wrap your toggles with a box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit.

Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_toggles_single][/rockthemes_toggles][rockthemes_vertical_space vertical_space_height=”default” custom_value=”60px”/]

[/rockthemes_specialgridblock]

Leave a Reply

Your email address will not be published. Required fields are marked *