Accordions is pure HTML & CSS3 responsive Accordion plugin WordPress. By this plugin, you can display unlimited accordion at same page via short-code. Mostly work with every page build that supports displaying shortcode under content widgets.
Accordions
Version: 1.0.1
Release date: 2014-10-27
Last update: 2020-06-09
Active install: 30,000+
Download: 263,508+
View count: 28703
Purchase a license
Choose a license as you need.
This was fast to learn, easy to use, and looks great on the page. Plus you can have as many as you want, each one different. WOOT!
— Aliathabit 
Smooth, easy to use, breath of fresh air, This is a great plugin, thank you. It offers some well thought-out options for styling in ‘create new’. Excellent decision to go with ‘new-post’ style of creating them and a big ‘high-five’ for including a php option. You’ve included all levels of users.
— Englishw 
This was just what the doctor ordered ;~D What gives it 5 stars is not just how easy it is to use, but the lightning fast responsiveness of the creator to help with any questions!! Bravo!!
— taadaagina 
I had some troubles starting out with my Accordion. I reached out to support and they went above and beyond to help me correct the issues to get it to work with my site. Thank you very much and anyone looking for an amazing plugin for Accordions then look nowhere else! A++++
— Jeremymh 
I really like this plugin. It does everything I want, is fully configurable and very easy to use. The quality of support is also as good as any I’ve ever seen. Very impressed!
— Cdmonline 
Creating content for each accordion is a tad funky, but the developer was quick to reply when I ran into an issue regarding the “missing” text editor when adding a new accordion… I figured out how to solve the issue and made a suggestion as to informing users with a “popup info” box indicating after content is entered and the accordion updated, the text editor shows… The sincerity of the reply, even though I’m using [testing] the free version of the plugin, was genuine and helpful… There’s a lot of “accordion” plugins available; this one is right up there with the best of them…
— Sfdennis 
I have the premium version of this plugin as I wanted some of the customisation options that were not in the free plugin. It is flexible, responsive and easy to use. Support is great too!
— haizdesign 
This plug-in is very, very easy to use, and any problems I have had were taken care of immediately by support, who was very nice and helpful even when I asked A LOT of questions. I use the Accordion plug-in a lot on my website I think it all looks great! Yay! Thank you!
— Delcip 
Support got back to me immediately to fix a minor styling issue. Nice. Update: Again, another styling issue, another response within the hour. Really happy with this plugin
— sheilab 
—
Screenshots
Here is some screenshots for quick overview.
All Features
Here is all features list available on this item.
You can customize the content style as follows
- Text color.
- Font family.
- Font size.
- Background color.
- Content background color with opacity.
- Content padding.
- Content margin.
You can customize the header style as follows
- Background color with opacity.
- Active background color.
- Header background image.
- Text color.
- Text color on hover
- Text font family.
- Text font size.
- Header padding.
- Header margin.
You can customize the container style as follows
- Text align.
- Content background color & background image.
- Container padding.
You can customize the icons style as follows
- Icons color.
- Icons hover color
- Icons font size.
- Icons background color.
- Icons padding.
- Icons position left or right.
- Custom icons by icon font, like font awesome.
You can set custom icons for each header for default stat and hover stat.
You can enable lazy load for the accordions.
Vertical Tabs
PRO
By accordions you can create vertical tabs.
For the speed up the creating accordion, you can just duplicate existing accordion so it will copy all style from old accordion and applied on new accordion.
You can set accoridon to your any WooCommerce product as tab with custom tab header, like you can use accoridons as FAQ tab for any product.
Accordions are fully translation ready, you can translate in your languages, please contact our support if you need any help to translate.
Accordions are compatible with most popular page builder plugin, here is a short list, but it also should work others page builder or 3rd party plugin that support to display shortcodes via widgets.
You can create unlimited accordion by accordions, this is based on the shortcode, each accordions has uniques ids, you can also use multiple accordions on the same page.
Accordions are responsive and mobile ready, it should work in all device. if you found any issue with responsive please contact our support to fix the issue.
We are using shortcode method to display accordions, you can display accordions under the page, post content or dynamically under theme file via PHP code.
You can sort accordions section/header by dragging, you will see most of the accordion plugin doesn't have this feature. this will help you sort any item without creating new accordion and save lots of time.
Most of the accordion allow edit accordion content by textarea field, we added WP Editor to edit accordion content, so you can edit content like editing post, page content, adding any type content will love you.
You can use 3rd party shortcodes inside accordion content like you can display contact form 7 shortcode inside accordion content.
You can make active/open any accordion/header/section on page load.
Multi level or nested accordion is avilable in our plugin, you can create unlimited multi level or nested accordion as you need.
Click header to scroll top also available, that's mean when user click on accordion header it will scroll top so for long content user won't need scroll down to see content to view.
Instated of click you can also make accordion open/active on mouse hover.
You can hide any section/accordion without deleting it, that's mean for temporary some section may not need to display so you can hide without deleting from list.
You can set a custom color or background image for each accordion header.
You can toggle text of accordion header when click, that's mean header text will be changed after click on header.
Search Accordion
PRO
User can search through accordion.
User click on header can be tracked by this plugin, this is useful to find user interested and provide the best content for them.
Highlighted Features
Here is some highlighted feature that make the plugin unique.
Custom Icons(Add your own icons)
You can add your own icons(font awesome icons) for accordions.
Drag & Drop Content Sorting
An awesome feature you can sort accordion content by drag & drop. sort any content an easy way.WP Editor for Accordion Content
Edit accordion content with WP editor an awesome update feature added.
Custom Font Size & Color
Customize your accordion by adding your own color and font size for header and accordion content.Multilevel Accordion
Create awesome multilevel accordion.
Vertical Tabs
Display vertical tabs.Nested tabs
Display nested tabs unlimited level.
Active accordion
Creating active accordion is easy just select "active" radio button and save you can also make any item keep active on page load and you can reset active by click "Reset Active" button.
Remove any item
You can remove any accordion item by clicking "Remove" button.
Expand or Collapse All
Let you user expand or collapse accordion all together.WooCommerce FAQ Tab
You can display accordion as WooCommerce product FAQ or Q&A tab
Click Track
You can track click on header.Frequently Asked Questions(FAQs)
Here is some frequently asked questions
Yes, almost work with every theme, just like others shortcode accordion will display by shortcode, you can display under content or theme php file via shortcode anywhere.
Yes, after version 3.1.25 release we have added duplicate accordion feature, so you don't need 3rd party plugin for copy/duplicate accordion, it will save your lots of time.
Yes, almost every page builder support to display shortcode under content or via widget, just like other shortcode you can display via page builders widget anywhere. although we have tested some popular page builder work like a charm.
Tutorials
We frequently release video tutorials for our user, please keep watching our youtube chanel.