Avada Toggles Element Examples
The Avada Toggles Element provides a clean way to organize content into collapsible panels, allowing users to expand sections and view detailed content while keeping the rest hidden. Whether used for FAQs, feature details, or information summaries, it will enable you to control whether multiple panels can be open at once, style the appearance (boxed vs. simple), adjust icons, typography, backgrounds, and spacing—all to suit your site’s design.
Etiam ut dolor a ipsum placerat viverra. Nulla facilisi. Cras euismod rutrum cursus. Ut porttitor urna eu massa scelerisque, quis luctus dolor vehicula. Vivamus tristique ac lacus ut maximus. Duis faucibus scelerisque enim. Sed tincidunt dapibus eros ut blandit. Morbi pretium porttitor nisl, sit amet efficitur ligula interdum ut. Suspendisse varius maximus maximus. Pellentesque porta sagittis ex, quis convallis elit malesuada vitae. Cras sit amet maximus nulla. Maecenas eget velit ut neque accumsan tempor. Aenean imperdiet nisl quis convallis egestas. Proin diam mi, tempor at metus id, sagittis commodo urna.
Aliquam erat volutpat. In hac habitasse platea dictumst. Nunc finibus eget neque a laoreet. Fusce ut nisl odio. Aenean ligula enim, suscipit ut maximus in, ultricies sollicitudin enim. Nunc vitae laoreet nisl. Nullam imperdiet posuere lorem, sit amet pretium massa sagittis a. In eget diam elit. Sed ultrices, nibh at laoreet iaculis, massa nibh vulputate lorem, non luctus quam ante vestibulum leo. Vestibulum eget commodo ipsum. Cras fermentum, metus id tempor accumsan, ex urna iaculis augue, eu imperdiet metus arcu ac enim. Aliquam semper imperdiet gravida.
Aliquam ut magna id nisi lacinia lobortis. Fusce dictum orci a nisi auctor, eget posuere nunc porta. Vestibulum facilisis blandit dui, sit amet eleifend sapien interdum lobortis. Sed ac molestie augue. Donec quis pellentesque arcu. Donec elementum ligula eget nisl sollicitudin, quis vulputate nibh fringilla. Morbi auctor facilisis diam, scelerisque accumsan risus egestas sed. Curabitur malesuada tortor vel nulla consectetur tincidunt. Integer mattis urna et consectetur tincidunt.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
This Avada Toggles Element is set up as follows: 6 Child Items, Toggles or Accordions (Accordions), Inactive Icon, Active Icon, Margin, Boxed Mode (Yes), Boxed Mode Border Width (0px), Boxed Mode Background Color, Toggle Padding, Title Tag (H2), Title Typography, Font Size (24px), Font Color, Toggle Icon Size (18px), Toggle Icon Color, Toglle Icon Boxed Mode (No), Toggle Icon Alignment (Left), Content Typography, Font Size (14px), Font Color, Toggle Hover Accent Color, and Toggle Active Accent Color.
This Avada Toggles Element is set up as follows: 4 Child Items, Toggles or Accordions (Toggles), Inactive Icon, Active Icon, Margin, Boxed Mode (No), Divider Line (Yes), Divider Line Color, Toggle Padding, Title Tag (H2), Title Typography, Font Size (17px), Font Color, Toggle Icon Size (20px), Toggle Icon Color, Toglle Icon Boxed Mode (No), Toggle Icon Alignment (Left), Content Typography, Font Size (15px), Font Color, Toggle Hover Accent Color, and Toggle Active Accent Color.
This Avada Toggles Element is set up as follows: 5 Child Items, Toggles or Accordions (Accordions), Inactive Icon, Active Icon, Margin, Boxed Mode (No), Divider Line (No), Divider Line Color, Toggle Padding, Title Tag (H3), Title Typography, Font Size (16px), Font Color, Toggle Icon Size (18px), Toggle Icon Color, Toglle Icon Boxed Mode (No), Toggle Icon Alignment (Left), Content Typography, Font Size (14px), Font Color, Toggle Hover Accent Color, and Toggle Active Accent Color.
In hac habitasse platea dictumst. Pellentesque vulputate augue ac vehicula laoreet. Aliquam erat volutpat. Mauris a nunc nisl. Nullam sodales sagittis auctor. In rutrum leo sed justo tristique dictum. Duis mollis egestas magna, vel ullamcorper tellus convallis at.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
This Avada Toggles Element is set up as follows: 4 Child Items, Toggles or Accordions (Toggles), Inactive Icon, Active Icon, Margin, Boxed Mode (Yes), Boxed Mode Border Width (1px), Boxed Mode Background Color, Toggle Padding, Title Tag (H4), Title Typography, Font Size (20px), Font Color, Toggle Icon Size (14px), Toggle Icon Color, Toglle Icon Boxed Mode (No), Toggle Icon Alignment (Right), Content Typography, Font Size (16px), Font Color, Toggle Hover Accent Color, and Toggle Active Accent Color.
In hac habitasse platea dictumst. Pellentesque vulputate augue ac vehicula laoreet. Aliquam erat volutpat. Mauris a nunc nisl. Nullam sodales sagittis auctor. In rutrum leo sed justo tristique dictum. Duis mollis egestas magna, vel ullamcorper tellus convallis at.
This Avada Toggles Element is set up as follows: 4 Child Items, Toggles or Accordions (Toggles), Inactive Icon, Active Icon, Margin, Boxed Mode (Yes), Boxed Mode Border Width (0px), Boxed Mode Background Color, Toggle Padding, Title Tag (H5), Title Typography, Font Size (18px), Font Color, Toggle Icon Size (14px), Toggle Icon Color, Toglle Icon Boxed Mode (No), Toggle Icon Alignment (Left), Content Typography, Font Size (14px), Font Color, Toggle Hover Accent Color, and Toggle Active Accent Color.
Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.
