AI Toggle Content feature is a powerful tool that allows you to create collapsible content sections on your website. With this feature, you can display lengthy or detailed information in a condensed format. This gives visitors the option to expand or collapse the content as needed.
How to set up AI Toggle Content?
Step 1: Search and find Toggle Content in the search box under the Elements Tab. After that, easily drag and drop the widget wherever you want inside the Elementor section.
Step 2: This is how the element will look after inserting the AI Toggle Content.
How to set up content for AI Toggle Content?
Under the content tab, you can configure the AI Toggle Content.
In the Toggle Menu, set the total number of lines that should appear on your website in the Lines to Show field. Add the content in the Toggle Content area.
Button: From the dropdown menu, choose the type of button and change the Button’s size and position.
For both the Active and Inactive states, you can individually modify the Text, Icon Position, and Icon Spacing.
How to add Styles to AI Toggle Content?
Switch to the Style tab to style all the features of the Toggle Content.
In this area, you can adjust Padding, Margin, Font Color, Background Color, Typography and many more. Play around and see how it functions.
The final result is: