Accordion

Description

Accordions is easy and powerful tool to create accordion, faq, tabs, tab content, frequently asked question, knowledge base, question & answer section, WooCommerce FAQ tabs and many other way to use this plugin. supper easy to customize looks and feel, changing color, font size of content, choosing accordion icons was never easy before.

Accordions by http://pickplugins.com

Plugin Features

Unlimited Accordion & Tabs
You can created unlimited accordion and tabs via this plugin, we never limit your count.

Display via Shortcode
Accordion and tabs can be display anywhere via shortcode under page, post content, sidebar via widgets and page builder
widgets and elements and gutenberg blocks as well. we provided and extra shortcode [accordions_pplugins] to avoid 3rd party conflict.

Lazy Load
Lazy load is very useful and hide content on page load, you can enable to disable this option.

Responsive Accordion and Tabs
We used jQuery UI library to generate accordion and tabs, which is super responsive in any device.

Custom icons
You can set your own icons for accordion header icons, we used fontawesome as font icons, you can change default and
activate icon as well, changing default color, hover color, font size is also available.

Header style
You can style header as your own, there is planty of option available to style accordion header font size, default text
color, activate text color, hover text color, default background color, activate background color and changing header
padding and margins.

Content Style
You can style accordion content as you needs by changing accordion font size, font color, background color, padding and
margin

Container Style
You can change container background color, background image, text align and padding.

Content Editing
You can create accordion content with WP Editor, you can add text, image andother media like youtube video, self hosted
video and etc. Section can be drag & drop sorting. delete any section without
loading the page and can hide without deleting it on front-end.

Import 3rd party plugin data
You can import accordion and tabs data from 3rd party plugin source.

Premium Features

Nested/multi level accordion
You can create multi level or nested accordion with unlimited level, nested accordion can customize as you want.

Click header to scroll top
WHen user click to accordion header it will scroll to top.

Header text toggle
You can display toggle text when clicked on header

Display expand/collapse all button
You can display expand/collapse all button to expand or collapsed at once. you can also set custom text for expand/collapse all button and add custom background color.

Open/Active accordion by url Parameter
You can enable active or open accordion by url parameter, ex: yourdomain.com/accordion-page/?active_index=83|1,2
you display multiple or keep open multiple by providing multiple argument like this yourdomain.com/accordion-page/?active_index=83|1,2-84|1,3

Open/Active accordion by url hash
You can enable active or open accordion by url hash, ex: yourdomain.com/accordion-page#headerID

Header click track & stats
You can track click on accordion header.

Header background image
You can set custom background image and color for each header.

Active accordion on page load

You can choose header to active on page load,

Enable search
You can display search input field to enable search though accordion content. also custom placeholder text for search input field avilable.

Vertical Tabs
You can display vertical style tabs.

Screenshots

  • screenshot-1
  • screenshot-2
  • screenshot-4
  • screenshot-5
  • screenshot-6
  • screenshot-7
  • screenshot-8
  • screenshot-9
  • screenshot-10

Installation

  1. Install as regular WordPress plugin.
  2. Go your plugin setting via WordPress Dashboard and find “Accordions” activate it.

After activate plugin you will see “Accordions” menu at left side on WordPress dashboard click “New Accordions” and use the options field “Accordions Options”

How to use on page or post
When accordions options setup done please publish accordions

and then copy shortcode from top of Accordions Options [accordions id="1234" ]

then paste this shortcode anywhere in your page to display accordions

Reviews

2020-05-20
I recommend everyone to install this plugin. I use this plugin to add Sources/References under my every post. I'm using pagination in all my posts. So, I want to show accordion in all my post pages. I contact to the support team. They quickly respond me create new guideline page for me which resolve my issue. I really appreciate support team. Extremely best support, great human being, very quick response time. No word for their great plugin and support even in free subscription. Really appreciate. I wish for the great success for pickPlugins team. God bless you all.
2020-05-08
Hi, Thank you for this beautiful ACCORDION & TABS plugin. I need something with just enough extensible options but not crazily over-styled. This was perfect. Thank you a hundred times over!
2020-04-25
I selected this plugin to provide some "interactivity" on our church site during the 'covid19 thing'. The plugin is easy to use (although there are some minor clunky bits when the number of expanding sections gets "big") and the free version has enough customisation to satisfy most users - well, me 🙂 All in all, a very useful plugin. Thank you dev's!
Read all 80 reviews

Contributors & Developers

“Accordion” is open source software. The following people have contributed to this plugin.

Contributors

“Accordion” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Accordion” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.2.26

* 2020-06-26 - add - Who can see edit link

2.2.25

* 2020-06-26 - fix - schema header text count text removed.

2.2.24

* 2020-06-17 - fix - Ultimate FAQ import issue fixed.
* 2020-06-17 - fix - Responsive Accordion And Collapse import issue fixed.
* 2020-06-17 - fix - Quick and Easy FAQs import issue fixed.

2.2.23

* 2020-06-10 - fix - minor js issue fixed.

2.2.22

* 2020-06-09 - update - WooCommerce tested version update.
* 2020-06-09 - add - accordion items count attribute added.

2.2.21

* 2020-05-23 - update - Enable autoembed default to Yes
* 2020-05-23 - update - Enable shortcode default to Yes
* 2020-05-23 - update - Enable auto paragraph default to Yes

2.2.20

* 2020-04-25 - add - hide for schema by section.

2.2.19

* 2020-04-25 - fix - accordion shortcode "accordions_pplugins" back

2.2.18

* 2020-04-22 - fix - accordion header font-family issue fixed.
* 2020-04-22 - fix - accordion body font-family issue fixed.

2.2.17

* 2020-04-18 - fix - Keep expanded others issue fixed.

2.2.16

* 2020-04-16 - fix - accordion content editor issue fixed.

2.2.15

* 2020-04-13 - fix - schema content convert quotes to characters,
* 2020-04-13 - fix - schema count issue fixed when hide set to true.
* 2020-04-13 - update - default tabs style update

2.2.14

* 2020-04-08 - fix - schema error issue fixed.
* 2020-04-08 - remove - remove shortcode from schema content.
* 2020-04-08 - remove - remove html from schema content.

2.2.13

* 2020-04-04 - fix - minor script issue fixed.
* 2020-04-04 - remove - remove data migration, load old option if new options not saved.
* 2020-04-04 - remove - remove reset data migration.
* 2020-04-04 - remove - remove empty line break from scipts to avoid wpautop conflict.

2.2.12

* 2020-04-01 - fix - default font-awesome version set to 5+ if not set.
* 2020-04-01 - fix - load old data and option if data migration not completed.
* 2020-04-01 - fix - codemirror issue fixed.

2.2.11

* 2020-03-19 - fix - display old content if data migration not completed

2.2.10

* 2020-03-19 - add - data migration tutorial update and linked help section

2.2.9

* 2020-03-18 - update - data migration post status to any.
* 2020-03-18 - update - import accordion any post status
* 2020-03-18 - fix - security issue on import accordion fixed.

2.2.8

* 2020-03-18 - fix - minor security issue fixed.

2.2.7

* 2020-03-18 - add - older version plugin link added under help section.

2.2.6

* 2020-03-17 - fix - WooCommerce product FAQ tab remove issue fixed.

2.2.5

* 2020-03-17 - add - 20 3rd party plugin to import accordion and tabs data.

2.2.4

* 16-03-2020 - fix - font awesome version compatibility issue fixed.
* 16-03-2020 - add - 3rd party accordion and tabs data import.

2.2.3

* 15-03-2020 - fix - tabs style issue fixed.
* 15-03-2020 - add - tabs navs alignment to left right added.

2.2.2

* 13-03-2020 - fix - adding new content conflict with 3rd party plugin.

2.2.1

* 13-03-2020 - fix - minor php issue fixed
* 13-03-2020 - update - readmore text update

2.2.0

* 13-03-2020 - add - accordions preview on frontend.
* 13-03-2020 - add - option to enable/disable shortcode
* 13-03-2020 - add - option to enable/disable autoembed
* 13-03-2020 - add - option to enable/disable wpautop
* 13-03-2020 - add - option to enable/disable schema
* 13-03-2020 - add - icon position left or right or none.
* 13-03-2020 - add - Custom class for accoridon header or tabs navs.
* 13-03-2020 - add - Custom class for accoridon content or tabs content.
* 13-03-2020 - add - Container width for different devices.
* 13-03-2020 - update - improved accordion content editor.
* 13-03-2020 - merge - accordion and tabs display under same shortcode by option selection.

2.1.18

* 2020-02-07 - fix - settings tab broken style issue fixed.

2.1.17

* 04/09/2019 - fix - font family issue fixed.

2.1.16

* 22/08/2019 - fix - fontawesome missing file issue fixed.

2.1.15

* 07/07/2019 - fix - Background color issue fixed on internet explorer browser.

2.1.14

* 22/06/2019 - add - Display 3rd party shortcode inside accordion content.
* 22/06/2019 - add - load option for fontawesome version library file.
* 22/06/2019 - add - Optimize css and js file loading.

2.1.13

* 31/05/2019 - fix - export/import js file missing issue fixed.

2.1.12

* 29/05/2019 - fix - optimize script and css file load on admin.

2.1.10

* 21/03/2019 - add - video tutorials added.
* 21/03/2019 - update - update accordion content editor.
* 21/03/2019 - remove - remove help & support menu.

2.1.10

* 05/02/2019 - fix - js issue fixed.

2.1.9

* 05/02/2019 - fix - Import issue fixed.

2.1.8

* 19/12/2018 - fix - First tab active on load for tabs.
* 19/12/2018 - fix - Html issue on header.
* 19/12/2018 - fix - Tabs nav icons toggle issue fixed.

2.1.7

* 08/12/2018 - fix - accordion header html input issue fixed.

2.1.6

* 11/11/2018 - fix - remove fontawesome twice loaded issue

2.1.5

* 29/10/2018 - fix - Icons issue fixed.

2.1.4

* 28/10/2018 - fix - fixed js error on WooCommerce product page.
* 28/10/2018 - fix - responsive issue on accordion edit page.

2.1.3

* 18/10/2018 - fix - minor php error fixed.

2.1.2

* 10/10/2018 - fix - Icon not saved issue fixed.

2.1.1

* 10/10/2018 - fix - Minor js issue fixed.

2.1.0

* 08/10/2018 - update - font-awesome 5 added.
* 08/10/2018 - update - admin settings updated.
* 08/10/2018 - add - accordion preview with responsive added on admin.
* 08/10/2018 - add - custom JS field added.
* 08/10/2018 - add - Expand all/Collapse all button added on settings.
* 08/10/2018 - add - Icon hover color input field added.
* 08/10/2018 - add - Header padding, margin input field added.
* 08/10/2018 - add - Content padding, margin input field added.
* 08/10/2018 - add - Tabs activate event.
* 08/10/2018 - add - WooCommerce Product FAQ tab.
* 08/10/2018 - add - Duplicate accordion.

2.0.23

* 12/02/2018 - add - Accordion export/import feature added

2.0.22

* 12/02/2018 - fix - CSS conflict issue fixed on accoridon edit tabs.

2.0.21

* 24/10/2017 - add - Support link update.

2.0.20

* 23/10/2017 - add - Added Spanish Translation.

2.0.19

* 16/10/2017 - add - Translation ready.


* 31/05/2017 - add - Added filter hook for default minus icon.
* 31/05/2017 - update - adding icon method updated.

2.0.17

* 10/03/2017 - fix - Newly added accordion sorting issue.

2.0.16

* 10/03/2017 - add - Added extra shortcode to avoid conflict.

2.0.15

* 07/03/2017 - update - Content sorting icon update.
* 07/03/2017 - update - Content expand/collapse icon update.
* 07/03/2017 - update - Content remove icon update.
* 07/03/2017 - update - Documentation link added on help page.

2.0.14

* 29/11/2016 - fix - scripts error issue fixed.

2.0.13

* 12/08/2016 - fix - accordion header quotes issue fixed.

2.0.12

* 01/08/2016 - fix - accordion header messedup in non english.

2.0.11

* 27/07/2016 - fix - tinyMCE error issue fixed.

2.0.10

* 26/07/2016 - add - tinyMCE Editor when add new accoridon

2.0.9

* 21/07/2016 - add - added filter to work in sidebar.

2.0.8

* 06/05/2016 - update - font aswesome latest version added.
* 06/05/2016 - update - jquery-ui minified & latest version added.

2.0.7

* 18/04/2016 - update - minor issue update.

2.0.6

* 19/03/2016 - update - font asesome version update.

2.0.5

* 25/02/2016 - fix- first accordion default open issue fixed.

2.0.4

* 25/02/2016 add- tabs features added.
* 25/02/2016 add- Container Text Align, Padding, Background color, Background image.

2.0.3

* 03/02/2016 fix- jquery-ui icon issue fixed.

2.0.2

* 25/01/2016 fix- content sort & WP Editor conflict issue fixed.

2.0.1

* 25/01/2016 fix- minor issue fixed.

2.0.0

* 25/01/2016 add - font awesome icons.
* 25/01/2016 add - Container Custom Padding.
* 25/01/2016 add - Container Custom Background color.
* 25/01/2016 add - New Theme added.
* 25/01/2016 add - Collapsible option added.
* 25/01/2016 add - heightStyle option added.

1.10

* 19/01/2016 - update - Minor option udpate.

1.9

* 11/12/2015 - fix - Shortcode issue fixed.

1.8

* 23/11/2015 - add - admin UI changed.
* 23/11/2015 - fix - minor php issue fixed.

1.7

* 11/09/2015 - add - ssl issue fixed.
* 11/09/2015 - add - accordion collapsible.

1.6

* 14/08/2015 - add - re-coding & made by OOP.
* 14/08/2015 - add - Hide any section of accordion.
* 14/08/2015 - add - Custom CSS box.

1.5

* 09/06/2015 - fix - fix issue for content formating and added wpautop().

1.4

* 09/06/2015 - fix - WP editor button width fixed.

1.3

* 22/05/2015 - update - UI update for admin content part.
* 22/05/2015 - add - WP Editor for Accordion Content.

1.2

* 12/11/2014 problem fixed for content color and font size.

1.1

* 17/11/2014 add confirmation before delete accordion content.
* 17/11/2014 Update help page.
* 17/11/2014 minor js error fixed.

1.0

* 27/10/2014 Initial release.