Title: Accordions – Responsive Accordion & FAQ Plugin for WordPress Author: Themepoints Published: فووریه 12, 2015 Last modified: اوکتوبر 7, 2026 --- Search plugins ![](https://ps.w.org/accordions-wp/assets/banner-772x250.png?rev=3686549) ![](https://ps.w.org/accordions-wp/assets/icon-256x256.png?rev=1473864) # Accordions – Responsive Accordion & FAQ Plugin for WordPress By [Themepoints](https://profiles.wordpress.org/themepoints/) [Download](https://downloads.wordpress.org/plugin/accordions-wp.zip) * [Details](https://azb.wordpress.org/plugins/accordions-wp/#description) * [Reviews](https://azb.wordpress.org/plugins/accordions-wp/#reviews) * [Installation](https://azb.wordpress.org/plugins/accordions-wp/#installation) * [Development](https://azb.wordpress.org/plugins/accordions-wp/#developers) [Support](https://wordpress.org/support/plugin/accordions-wp/) ## Description Create beautiful, responsive accordions and FAQ sections with multiple styles, skins, and advanced customization—perfect for organizing content and improving UX. ### Useful Links * [Upgrade to Pro](https://themepoints.com/accordion/) * [Live Preview](https://themepoints.com/accordion/) * [Documentation](https://themepoints.com/wp-accordions/free-version-doc/) **Plugin Features ** * Fully responsive. * All Browser support. * Unlimited Accordions anywhere in the theme. * Use via short-code. * 5 Different Themes. * Drag & Drop Accordion sorting. * WP Editor for accordion content. * Custom Title background color. * Custom Title Font color. * Custom Title Font Size & Line Height options. * Title Text Alignment (Left, Center, Right). * Show/Hide and Position Accordion Icons (Left, Right). * Custom Content Background Color. * Custom Content Font Color. * Custom Content Font Size, Line Height & Letter Spacing options. * Content Padding & Accordion Margin Options. * Add and remove accordion item from backend. * Highly customized for User Experience. * And Many More… **Pro Version Features** * All Features of the free version. * Fully responsive. * 8+ different Themes. * Widget Ready. * Unlimited Domain. * Support wysiwyg text editor. * Create accordions by group. * Cross-browser compatibility. * Drag & Drop accordion items sorting. * Add and remove accordion item from backend. * Use via short-codes. * Accordion header title font size. * Accordion header title font color. * Accordion header title text position. * Accordion header title background color. * Show/Hide Accordions expand/collapse icons options. * Accordion header closeAble true or false Options. * Expand/collapse Slide speed of Animation Options. * Accordion content font size. * Accordion content font color. * Accordion content background. * Custom Accordion Padding Options. * Accordion area background image Options. * Accordions Area Padding Options. * Support Any videos (Ex: youtube, vimeo ) * Valid HTML5 & CSS3 layout. * Highly customized for User Experience. * Clean Design & Code. * Unlimited accordion anywhere in the themes or template. * Work in all browsers and mobile devices. * Life Time Self hosted auto updated enable. * 24/7 dedicated support forum. * Well Documentation. * And much more! **Activation** Once the accordion-wp folder has been uploaded, you can activate the plugin. Go to your WordPress admin panel and select the ‘Plugins’ menu option. You should see a new plugin listed, Accordion-Wp. Click Activate to activate the plugin. **Using the Plugin** Once the plugin has been activated, a new menu called Accordion will appear in menu section. There are Three menu options: ‘Accordion’, ‘Add New Accordion’ & ‘Help & Support’. **Creating First Accordion** Click the Accordion submenu entry entitled ‘Add New Accordion’. This will take you to the accordion creation and editing page, Then click Add New Item to add accordion. Begin by entering a title & description for your accordion. Description Content can be entered using the Visual or HTML content editors. Any valid HTML content ( e.g. images, video etc.) can be displayed inside accordion. To add a new accordion, Just click the ‘Add New Item’ button & fill all the data. To remove a Accordion, click the ‘Remove’ button located top right side of the accordion title or visual editor. **Inserting Accordion into a Post/page or Widget** After Publish your accordion, you’ll see a notification that the accordion has been Published, then go to ‘Accordion Configure ’ change your own settings & Shortcode tab copy the shortcode & paste into any where into your post/page or text widgets. save your post/page or widgets and browse to see your accordion. ** Note :** Some features is not available in free version . [Upgrade Premium!»](https://themepoints.com/accordion/) to unlock all amazing features. ## Screenshots [⌊screenshot-1⌉⌊screenshot-1⌉[ screenshot-1 [⌊screenshot-2⌉⌊screenshot-2⌉[ screenshot-2 [⌊screenshot-3⌉⌊screenshot-3⌉[ screenshot-3 [⌊screenshot-4⌉⌊screenshot-4⌉[ screenshot-4 [⌊screenshot-5⌉⌊screenshot-5⌉[ screenshot-5 ## Blocks This plugin provides 1 block. * TCP Accordion ## Installation **Using The WordPress Dashboard** 1. Install as regular WordPress plugin. 2. Go your Pluings setting via WordPress Dashboard and activate it. 3. After activate plugin you will see “Accordion” menu at left side on WordPress dashboard and find “Accordion Option Configuration” **Using FTP** 1.Extract accordions-wp.zip to your computer. 2.Upload the accordions- wp directory to your wp-content/plugins directory. 3.After activate plugin you will see “Accordion” menu at left side on WordPress dashboard and find “Accordion Option Configuration” **How to use short-code?** When accordions options setup done please copy & paste shortcode into your theme any where you want to display this accordions. ## Reviews ![](https://secure.gravatar.com/avatar/6c08bd21a6478ac6c3ff2ce3d63ad1a28506ecf611dd94810bcf151116faebcc? s=60&d=retro&r=g) ### 󠀁[The free version is very very limited](https://wordpress.org/support/topic/the-free-version-is-very-very-limited/)󠁿 [RoosGold](https://profiles.wordpress.org/roosgold/) نوامبر 9, 2020 I have a little FAQ that can't be completed with this plugin. Only 6 or 7 itens is a shame. ![](https://secure.gravatar.com/avatar/4a7f0ce8e969b97b0dc2f35226bd3bda894463ae17982a5e2f0e50eac412c6c4? s=60&d=retro&r=g) ### 󠀁[Сјајан додата,](https://wordpress.org/support/topic/%d1%81%d1%98%d0%b0%d1%98%d0%b0%d0%bd-%d0%b4%d0%be%d0%b4%d0%b0%d1%82%d0%b0/)󠁿 [radosav1959](https://profiles.wordpress.org/radosav1959/) مارس 8, 2019 Једини је проблем јер нема ажурирања. ![](https://secure.gravatar.com/avatar/a74e1886080fc4886cf2bfb0bd4332b0d70336888f6c70bfef33402d7bff446d? s=60&d=retro&r=g) ### 󠀁[Doesn’t work with WordPress 4.9.8](https://wordpress.org/support/topic/doesnt-work-with-wordpress-4-9-8/)󠁿 [nettleblad](https://profiles.wordpress.org/nettleblad/) آقوست 27, 2018 1 reply I tried the free version and it seemed to meet all my needs. I upgraded to the Pro version, as the free version has limits on number of accordions. The Pro version doesn't work with the current version of WordPress. I requested support, only to receive a reply the next day that they were on EID vacation. No idea when support would even contact me, poor service! I have requested a refund. ![](https://secure.gravatar.com/avatar/169b57dbcb398a873f5a05bf945b61e86b4fd73e348ea6dce0f3f75bfc30db35? s=60&d=retro&r=g) ### 󠀁[Support very good](https://wordpress.org/support/topic/support-very-good-3/)󠁿 [](https://profiles.wordpress.org/birken/) نوامبر 7, 2017 Very nice plugin and support was very quick, thx guys ![](https://secure.gravatar.com/avatar/fe0b0ad4b7bd718bd1988753daba5195fd8c2a41ac1cafaddb66f1337d51ff7f? s=60&d=retro&r=g) ### 󠀁[The BEST Accordion plugin of them all!!!](https://wordpress.org/support/topic/the-best-accordion-plugin-of-them-all/)󠁿 [Rick Cheney](https://profiles.wordpress.org/rcstp/) اوکتوبر 25, 2017 I tested ALL the WordPress accordion and FAQ plugins that I could find. I spent 10 hours installing and testing the various plugins and this accordion plugin stands out from all the others. I am adding this plugin to a website that will be used by people who are not familiar with WordPress and who are not technically inclined. Most of the other plugins were way too complicated and hard to figure out. This accordion is super intuitive, easy to figure out how to make an accordion. Also, this accordion has the most style options and the style options are super easy to figure out how to use. All around excellent plugin. Also, the support staff are very responsive and helpful. ![](https://secure.gravatar.com/avatar/e90224d65bc748a4116de499f807a3cb0432a8e35d75b5b0efeb22a01cbb1397? s=60&d=retro&r=g) ### 󠀁[Friendly support](https://wordpress.org/support/topic/friendly-support-3/)󠁿 [taikanaut](https://profiles.wordpress.org/taikanaut/) اوکتوبر 9, 2017 plugin works fine. quick replies and friendly support for personal css adjustments. [ Read all 9 reviews ](https://wordpress.org/support/plugin/accordions-wp/reviews/) ## Contributors & Developers “Accordions – Responsive Accordion & FAQ Plugin for WordPress” is open source software. The following people have contributed to this plugin. Contributors * [ Themepoints ](https://profiles.wordpress.org/themepoints/) [Translate “Accordions – Responsive Accordion & FAQ Plugin for WordPress” into your language.](https://translate.wordpress.org/projects/wp-plugins/accordions-wp) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/accordions-wp/), check out the [SVN repository](https://plugins.svn.wordpress.org/accordions-wp/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/accordions-wp/) by [RSS](https://plugins.trac.wordpress.org/log/accordions-wp/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 3.0.9 * Fix: Added full WCAG 2.1 AA accessibility compliance across all accordion layouts. * Fix: Added tabindex=”0″ and keyboard navigation (Tab, Enter, Space) for accordion headers. * Fix: Added ARIA role=”button”, aria-expanded, aria-controls, and role=”region” panel attributes. * Fix: Resolved color contrast ratio requirements for badges and active header states. * Updated: Sanitized input data (`sanitize_key`) and output escaping across notice markup. #### 3.0.8 * Feature: Introduced native Gutenberg Block (`tcaccordion/select-accordion`) with server-side preview rendering inside the block editor canvas. * Feature: Added complete InspectorControls (sidebar settings) to the Gutenberg Block for custom attribute overrides. * Feature: Created dedicated Elementor Widget (`tcpaccordion_widget`) for seamless live editing within the Elementor builder canvas. * Feature: Integrated state-aware dynamic CSS hooks and theme classes (`theme-shadow`,` theme-dark`, `theme-flat`). * Feature: Added admin control fields for Title Line Height, Content Line Height, and Content Letter Spacing. * Enhancement: Added real-time style enqueuing inside modern WordPress Gutenberg isolated iframe contexts (`enqueue_block_assets`). * Enhancement: Implemented `MutationObserver` and dynamic event re-binding in JavaScript for zero-latency preview interactions inside backend builders. * Enhancement: Optimized shortcode execution pipeline with output buffering to ensure complete compatibility with Divi, Beaver Builder, and WPBakery. * Enhancement: Fully integrated Freemius SDK v2 with compliant opt-in routing and premium feature access control checks. * Fix: Resolved critical rendering issue where single-item accordion posts failed to render or displayed “nothing found” in Elementor and dynamic builder previews. * Fix: Standardized metadata key resolution between admin save routines, AJAX live preview rendering, and frontend shortcode display. * Fix: Resolved CSS flexbox layout issue where `text-align` (left, center, right) was failing on title text headers due to rigid flex spacing. * Fix: Corrected icon positioning for center-aligned accordion titles using absolute positioning offsets. * Fix: Prevented silent PHP warnings and missing key exceptions during meta array iteration. * Fix: Fixed asset loading context so Font Awesome icons and responsive layout CSS load seamlessly in both backend previews and frontend page loads. #### 3.0.7 * Refactored: Entire plugin architecture modernized to Object-Oriented Programming( OOP) standard with Singleton pattern. * Refactored: Split admin views, shortcodes, and frontend theme logic into dedicated handler classes for better modularity and maintenance. * Enhanced: Preserved active tab focus in admin metabox across page reloads during post updates with zero content flicker. * Enhanced: Sanitized and validated all inline style declarations (color hex values, font sizes, paddings) to prevent broken HTML attributes. * Security: Hardened escaping, input sanitization, and strict post type checks across all admin and shortcode inputs using WordPress Coding Standards. #### 3.0.6 * Update Options page. * Fix CSS Issue. #### 3.0.5 * Fix Video Display Issue. #### 3.0.4 * Fix Security Issue. #### 3.0.3 * Update Option Page. * Fix Security Issue. #### 3.0.2 * Update Option Page. * Added New Options. * Fix CSS Issues. * Fix javascript Issues. #### 3.0.1 * Update Option Page. * Added New Options. * Added Color Picker. #### 3.0.0 * Update Option Page. * Fix Security Issue. * Fix Color Picker Issues. #### 2.9 * Update Option Page. * Fix Security Issue. #### 2.8 * Update Option Page. * Added New Options. #### 2.7 * Update Option Page. * Fix Security Issues. * Fix CSS Issue. #### 2.6 * Update Option Page. * Fix CSS Issues. #### 2.5 * Update Option Page. * Fix CSS Issues. #### 2.4 * Update Option Page. * Fix CSS Issues. #### 2.3 * Update Option Page. * Added New Options. * Update Admin Interface. * Fix CSS Issues. #### 2.2 * Update Option Page. * Fix Color Picker Issues. #### 2.1 * Update Option Page. * Fix Javascript Issues. #### 2.0 * Update Option Page. * Fix CSS Issues. * Fix javascript Issues. #### 1.9 * Update Option Page. * Fix CSS Issues. #### 1.8 * Update Options Page. #### 1.7 * Fix shortcode inside accordion item issues. #### 1.6 * Fix Accordion wysiwyg content display issues. * Update Font Size Options. #### 1.5 * fix accordion admin js issues. #### 1.4 * fix error issues. #### 1.3 * Fix Unlimited Accordion Support issue. * Added Repeatable Field for accordion content. * WP Editor for accordion content. * Remove Old Option Page. * Added New Option Page with new settings. * Fix Css Issues. * Added Support Option page. #### 1.2 * fix plugin Css Issues #### 1.1 * fix plugin header problem #### 1.1 * fix post limit. * add option in setting page. #### 1.0 * Initial release ## Meta * Version **3.0.9** * Last updated **1 هفته ago** * Active installations **1٫000+** * WordPress version ** 4.8.0 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/accordions-wp/) * Tags * [Accordion](https://azb.wordpress.org/plugins/tags/accordion/)[accordions](https://azb.wordpress.org/plugins/tags/accordions/) [accordions shortcode](https://azb.wordpress.org/plugins/tags/accordions-shortcode/) [jQuery accordions](https://azb.wordpress.org/plugins/tags/jquery-accordions/) [Responsive accordions](https://azb.wordpress.org/plugins/tags/responsive-accordions/) * [Advanced View](https://azb.wordpress.org/plugins/accordions-wp/advanced/) ## Ratings 4.6 out of 5 stars. * [ 8 5-star reviews ](https://wordpress.org/support/plugin/accordions-wp/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/accordions-wp/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/accordions-wp/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/accordions-wp/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/accordions-wp/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/accordions-wp/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/accordions-wp/reviews/) ## Contributors * [ Themepoints ](https://profiles.wordpress.org/themepoints/) ## Support Issues resolved in last two months: 1 out of 1 [View support forum](https://wordpress.org/support/plugin/accordions-wp/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://themepoints.com/accordion/)