Accordion

May 05, 2024

Accordion Plugin

Create accordion, faq, tabs, tab content via shortcode and display anywhere under post, page or widget and page builder elements.

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.

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

Screenshots

  1. screenshot-1

    screenshot-1

  2. screenshot-2

    screenshot-2

  3. screenshot-4

    screenshot-4

  4. screenshot-5

    screenshot-5

  5. screenshot-6

    screenshot-6

  6. screenshot-7

    screenshot-7

  7. screenshot-8

    screenshot-8

  8. screenshot-9

    screenshot-9

  9. screenshot-10

    screenshot-10

Changelog

2.2.98

* 2024-05-05 - fix - compatibility with 6.5 issue checked 

2.2.97

* 2024-03-13 - fix - Duplicate accordions minor security issue fixed. 

2.2.96

* 2023-11-29 - fix - Tabs shortcode content issue fixed. 

2.2.95

* 2023-11-23 - fix - Accordion content delete confirmation issue fixed. 

2.2.94

* 2023-11-13 - fix - Responsive width override issue fixed 

2.2.93

* 2023-11-09 - fix - Container width issue fixed. 

2.2.92

* 2023-11-08 - add - Custom fonts loading issue fixed. 

2.2.91

* 2023-11-07 - add - data attribute issue fixed. 

2.2.90

* 2023-10-24 - add - double escape url issue fixed. 

2.2.89

* 2023-10-02 - add - Js error issue fixed. 

2.2.88

* 2023-09-30 - add - Filter hook added for accrodions data attributes. 

2.2.87

* 2023-06-27 - fix - unnecessary comment output issue fixed. 

2.2.86

* 2023-06-24 - fix - third-party shortcode style, script strip issue fixed. 

2.2.85

* 2023-06-21 - fix - accoridon style issue fixed 

2.2.84

* 2023-06-21 - fix - Shortcode in accordion content issue fixed. 

2.2.83

* 2023-06-18 - fix - Multiple accordion on same page broken issue fixed. 

2.2.82

* 2023-06-14 - fix - schema error issue fixed 

2.2.81

* 2023-06-14 - fix - lazy load null issue when lazy load disable fixed. 

2.2.79

* 2023-06-10 - fix - Accrodion js error issue fixed. 

2.2.78

* 2023-06-07 - fix - Accrodion custom style issue fixed. 

2.2.77

* 2023-06-06 - fix - Tabs content HTMl output issue fixed. 

2.2.76

* 2023-06-05 - fix - accrodionsdata attribute issue on WooCommerce product tab 

2.2.75

* 2023-06-03 - fix - Connflict with pro version for active accordion issue fixed. 

2.2.74

* 2023-04-27 - update - Optimize scripts loading for accrodions 

2.2.72

* 2023-04-27 - fix - pre code on accordion content issue fixed. 

2.2.71

* 2023-04-15 - update - Delete confirmation on delete accordion content. 

2.2.70

* 2023-02-16 - fix - escape issue for rowspan and colspan for accordion content issue fixed. 

2.2.69

* 2022-12-15 - fix - escape issue on select multiple issue fixed. 

2.2.68

* 2022-12-10 - fix - Link target, hr escape issue fixed. * 2022-12-10 - fix - Generate new id on duplicate accrodions 

2.2.67

* 2022-11-29 - fix - Style issue fixed. 

2.2.66

* 2022-11-27 - fix - Custom JS escape issue fixed. 

2.2.65

* 2022-11-05 - add - WPautop function conflict issue with js solved 

2.2.64

* 2022-11-01 - add - Option added to enable/disable iframe on accordion content. 

2.2.63

* 2022-10-06 - fix - Missing “}” character issue for schema fixed. 

2.2.62

* 2022-10-03 - fix - Style issue fixed. 

2.2.61

* 2022-10-103 - fix - Missing “}” character issue for schema fixed. 

2.2.60

* 2022-09-26 - fix - accordions escaping style attribute issue fixed. 

2.2.59

* 2022-09-14 - fix - accordions widget raw html issue fixed. 

2.2.58

* 2022-09-10 - fix - accordions_ajax undefined issue fixed. * 2022-09-10 - fix - accordion remove issue fixed. 

2.2.57

* 2022-09-09 - add - Disbale opening any accordion. 

2.2.56

* 2022-09-08 - add - More tags added to allowed html tags for escaping. 

2.2.55

* 2022-09-03 - fix - Content adding issue fixed. 

2.2.54

* 2022-09-01 - fix - Style issue fixed 

2.2.51

* 2022-09-01 - fix - WooCommerce product FAQ tab HTML broken issue fixed. 

2.2.50

* 2022-08-29 - add - Tabs html broken issue fixed. 

2.2.49

* 2022-08-29 - add - Image tag support for accordion content escape filter 

2.2.48

* 2022-08-29 - update - Settings page slug changed 

2.2.47

* 2022-08-29 - fix - Escape issue fixed. * 2022-08-29 - add - Added filter hook "accordions_wp_kses" for allowed html tags for escaping. 

2.2.46

* 2022-08-25 - fix - Broken HTML issue fixed. 

2.2.45

* 2022-08-24 - fix - remove unnecessary file codemirror.js file. * 2022-08-24 - fix - custom script escape issue fixed. 

2.2.44

* 2022-08-18 - fix - custom script escape issue fixed. 

2.2.43

* 2022-08-16 - fix - Minor Security issue fixed. 

2.2.42

* 2022-06-15 - fix - Empty line scripts issue fixed. 

2.2.41

* 2022-05-28 - fix - jQUery issue fixed. 

2.2.40

* 2022-05-15 - fix - Tabs style issue fixed. 

2.2.39

* 2022-05-09 - fix - Removed empty scripts.js file 

2.2.38

* 2022-04-30 - fix - jQuery issue fixed. 

2.2.37

* 2022-01-08 - fix - Style issue fixed 

2.2.36

* 2022-01-07 - fix - Background image bug issue fixed. 

2.2.35

* 2021-12-15 - fix - SQL security issue fixed. 

2.2.34

* 2021-05-05 - fix - Custom JS output issue fixed. 

2.2.33

* 2021-05-05 - fix - jsson format issue for FAQpage 

2.2.32

* 2021-04-22 - fix - html output issue fixed 

2.2.31

* 2021-04-22 - fix - escaping issue fixed. * 2021-04-22 - fix - HTML saving issue fixed. 

2.2.30

* 2021-04-21 - fix - sanitization issue fixed 

2.2.29

* 2021-04-16 - fix - minor security issue fixed * 2021-04-16 - remove - removed unnecessary files. 

2.2.28

* 2021-04-13 - fix - security issue fixed 

2.2.27

* 2020-10-14 - fix - security issue fixed 

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. 

Details

  • Version: 2.2.97
  • Active installations: 20,000
  • WordPress Version: 3.8
  • Tested up to: 6.5.5

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars