Introduction

The Advanced Accordion is a flexible and robust accordion / toggle plugin for Elementor. Accordion Web Content is a highly demand feature for mobile visitors. They have control over their content path. People can decide whether to expand or defer it for later. It gives the reader the choice of what to read and what to ignore.

Features

Here you will find the main features of Plugin.

• 110+ Options for Customisation
• Design the way you want Philosophy (Unlimited Color and Styling options.)
• Easy to customize, setup and use.
• Use it as Accordion, Toggle and FAQ.
• Create unlimited accordions into the same page.
• Multiple Accordions Collapsible or Toggle. (Open together)
• Add & Remove Accordion item.
• Activator Event. (Active on Click or Mouse over)
• Fill space and Fixed Content Height.
• Accordion Mode on Page Load. (First Open, All Open and All Folded)
• Expand & Collapse Icons On/off.
• Expand & Collapse Icon Color, Size & Position.
• Accordion Border options.
• Accordion Title Background Color.
• Accordion Description Text and Background Color.
• Accordion Section Padding & Margin.
• Compatible with any Theme.
• Cross-browser Supported.
• Responsive & Mobile ready.
• And Many more...

Installation of Plugin

1. The installation of the plugin is just like any other plugin installation for WordPress. Login to your WordPress site and go to Plugins > Add New.
2. At the Install Plugins Page click on Upload from the top navigation and then click on browse.
3. Go to the location on your computer where you saved the downloaded plugin zip file and upload this zipped file. You need to unzip the file first to get the plugin zip file.
4. Now click on Install Now.
5. Wait until WordPress has uploaded the file. If it's done click on Activate Plugin.
6. Now you should see a message 'Plugin activated' at the top of the window.

Add Accordion

Simply just Drag & Drop the 'Advanced Accordion' into the 'Drag widget here' or the '+'' section..

Once you add it, you will see basic layout as show in below screenshot.

Configure Content Settings

Under the ‘Content’ tab, you will find the General & Content Settings sections.

General Settings

From the ‘General Settings’ section, you can use the drop-down menu to choose Accordion Type out of these two: Accordion & Toggle.
You can enable or disable and change the Toggle Icon & Speed.

Content Settings

From the ‘Content Settings’ section, you can change your ‘Content Title’ and ‘Content Type’.
By default, ‘Content Type’ is set as ‘Content’. You can add your text or shortcode in the ‘Tab Content’.

You can also use your ‘Saved Template’ as ‘Content Type’. You can also change the Tab Icon and enable/disable ‘Active as Default’ tab option.

Style Advanced Accordion

Switch to the ‘Style’ tab to style all the elements of Advanced Accordion. You can add Styling to ‘Tab’, ‘Content’, ‘Icon’, ‘Typography’, ‘Toggle Caret’, ‘Button’ and many more from this section as per your preference.

Final Output

Switch to the ‘Style’ tab to style all the elements of Advanced Accordion. You can add Styling to ‘Tab’, ‘Content’, ‘Icon’, ‘Typography’, ‘Toggle Caret’, ‘Button’ and many more from this section as per your preference.