Title: Accordion Slider Author: bqworks Published: July 27, 2021 Last modified: December 23, 2025 --- Search plugins ![](https://ps.w.org/accordion-slider/assets/banner-772x250.png?rev=2572953) ![](https://ps.w.org/accordion-slider/assets/icon-256x256.png?rev=2572953) # Accordion Slider By [bqworks](https://profiles.wordpress.org/bqworks/) [Download](https://downloads.wordpress.org/plugin/accordion-slider.1.9.14.zip) * [Details](https://test.wordpress.org/plugins/accordion-slider/#description) * [Reviews](https://test.wordpress.org/plugins/accordion-slider/#reviews) * [Installation](https://test.wordpress.org/plugins/accordion-slider/#installation) * [Development](https://test.wordpress.org/plugins/accordion-slider/#developers) [Support](https://wordpress.org/support/plugin/accordion-slider/) ## Description Accordion Slider combines the look and functionality of a slider with that of an accordion, allowing you to create horizontal or vertical accordion sliders which are fully responsive and mobile-friendly. Features: * Fully responsive on any device * Touch support for touch-enabled screens * Animated and static layers, which can contain text, images or any HTML content * Horizontal and Vertical orientation * Possibility to change the aspect of the accordion for different screen sizes ( using breakpoints) * Pagination (break the panels into multiple accordion pages) * Keyboard navigation * Mouse wheel navigation * Retina support * Lazy loading for images * Deep linking (link to specific slide inside the accordion) * Lightbox integration * Load images (e.g., featured images) and content dynamically, from posts (including custom post types), WordPress galleries and Flickr * Preview accordion sliders directly in the admin area * Drag and drop panel sorting for easy management of the panels’ order * Publish accordion sliders in any post (including pages and custom post types), in PHP code, and widget areas * Caching system for quick loading times * Action and filter hooks to extend the functionality of the accordion slider * Import and export accordion sliders between different plugin installations [These videos](https://bqworks.net/accordion-slider/screencasts/) demonstrate the full capabilities of the plugin. [Premium Add-ons](https://bqworks.net/premium-add-ons/#accordion-slider) allow you to further extend the functionality of the accordion slider: * [Custom CSS and JavaScript](https://bqworks.net/premium-add-ons/#custom-css-js-for-accordion-slider): Allows you to add custom CSS and JavaScript code to your accordion sliders in a syntax highlighting code editor. It also features a revisions system that will backup all your code edits, allow you to compare between multiple revisions and restore a certain revision. * [Revisions](https://bqworks.net/premium-add-ons/#revisions-for-accordion-slider): Automatically stores a record of each edit/update of your accordions, for comparison or backup purposes. Each accordion will have its own list of revisions, allowing you to easily preview a revision, analyze its settings, compare it to other revisions or restore it. ## Screenshots * [[ * Accordion slider with text layers. * [[ * Simple accordion slider. * [[ * Vertical accordion slider. * [[ * Accordion slider with mixed content. * [[ * The admin interface for creating and editing an accordion. * [[ * The preview window in the admin area. * [[ * The layer editor in the admin area. * [[ * The background image editor in the admin area. * [[ * Adding dynamic tags for accordions generated from posts. ## Blocks This plugin provides 1 block. * Accordion Slider Insert an Accordion Slider instance. ## Installation To install the plugin: 1. Install the plugin through Plugins > Add New > Upload or by copying the unzipped package to wp-content/plugins/. 2. Activate the Accordion Slider plugin through the ‘Plugins > Installed Plugins’ menu in WordPress. To create accordion sliders: 1. Go to Accordion Slider > Add New and click the ‘Add Panels’ button. 2. Select one or more images from the Media Library and click ‘Insert into post’. 3. After you customized the accordion slider, click the ‘Create’ button. To publish accordion sliders: Copy the [accordion_slider id=”1″] shortcode in the post or page where you want the accordion to appear. You can also insert it in PHP code by using , or in the widgets area by using the built-in Accordion Slider widget. ## FAQ ### How can I set the size of the images? When you select an image from the Media Library, in the right columns, under ‘ATTACHMENT DISPLAY SETTINGS’, you can use the ‘Size’ option to select the most appropriate size for the images. ## Reviews ![](https://secure.gravatar.com/avatar/67e7e22258d0748bca3e44d92d8e8738aca4dbefd8d2ef9cb9976c06117febda? s=60&d=retro&r=g) ### 󠀁[Great free plug-in, excellent UI, responsive developer](https://wordpress.org/support/topic/great-free-plug-in-excellent-ui-responsive-developer/)󠁿 [tim10000](https://profiles.wordpress.org/tim10000/) May 1, 2025 1 reply A well-developed and maintained plug-in with extensively detailed controls and a clean interface to adjust the settings. Easy to use and, a robust feature set, and it’s free! I had one small feature request and the developer responded quickly with a single line of custom Javascript that did the job perfectly. I gladly upgraded to the custom code plug-in for a small cost. ![](https://secure.gravatar.com/avatar/2df07f0264603f7d2e3873c2a74fb033d92be574a97e23f41af9089afa36bdd0? s=60&d=retro&r=g) ### 󠀁[simplemente chingon](https://wordpress.org/support/topic/simplemente-chingon/)󠁿 [webgdl](https://profiles.wordpress.org/webgdl/) November 11, 2023 1 reply simplemente chingon ![](https://secure.gravatar.com/avatar/2e98e06a346fb25dc71efcf3f537cfd71837d9b45e1596eb228c2a7234dc10d4? s=60&d=retro&r=g) ### 󠀁[Great looking Slider](https://wordpress.org/support/topic/great-looking-slider-2/)󠁿 [cendesdan1988](https://profiles.wordpress.org/cendesdan1988/) November 16, 2022 1 reply Totally innovative and looks great too! If you want something different on your website, this is the perfect slider. I can recommend to everyone. ![](https://secure.gravatar.com/avatar/a61d0b1e9c6aeddd17c41df27a6c3e8c49aee9d3fcb4187b79ae5a25be152fab? s=60&d=retro&r=g) ### 󠀁[Excellent!](https://wordpress.org/support/topic/excellent-11919/)󠁿 [planetboris](https://profiles.wordpress.org/planetboris/) June 8, 2022 1 reply One of the very best Wordpress Plugins I have ever seen, well crafted, feature rich, stylish with extensive controls and functionality. 5 Stars well deserved! Excellent! ![](https://secure.gravatar.com/avatar/b6515d339ee54be03f4a5fc0694bd81bbc9f8d3dd30388fac3c9aa6750f4657f? s=60&d=retro&r=g) ### 󠀁[Great / Prima](https://wordpress.org/support/topic/great-prima/)󠁿 [irobotti](https://profiles.wordpress.org/irobotti/) October 14, 2021 1 reply Great extension that works great too. The update worked well, we’ve been using it for many years and don’t want to miss it. It has a special look with great recognition value. Unfortunately there is no donation button. —————————————————– Tolle Erweiterung die auch super funktioniert. Das Update hat gut funktioniert, wir nutzen es seit vielen Jahren und möchten es nicht missen. Es hat eine besondere Optik mit tollem Wiedererkennungswert.Leider ist kein Spendenbutton vorhanden. ![](https://secure.gravatar.com/avatar/c7132a5927ff6e2cc10e368b89c2ff99d9251cbd3311a939d7d1376370d6662a? s=60&d=retro&r=g) ### 󠀁[Wow! Amazing plugin](https://wordpress.org/support/topic/wow-amazing-plugin-4/)󠁿 [McWoozle](https://profiles.wordpress.org/piewackets/) August 3, 2021 1 reply This slider has got everything, even things I didn’t know I needed I now can’t live without! Thank you for such a great, free plugin, I love it. [ Read all 6 reviews ](https://wordpress.org/support/plugin/accordion-slider/reviews/) ## Contributors & Developers “Accordion Slider” is open source software. The following people have contributed to this plugin. Contributors * [ bqworks ](https://profiles.wordpress.org/bqworks/) [Translate “Accordion Slider” into your language.](https://translate.wordpress.org/projects/wp-plugins/accordion-slider) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/accordion-slider/), check out the [SVN repository](https://plugins.svn.wordpress.org/accordion-slider/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/accordion-slider/) by [RSS](https://plugins.trac.wordpress.org/log/accordion-slider/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.9.14 * sanitize shortcode elements, to prevent JavaScript code added by users who have permission to add content #### 1.9.13 * patch fancybox script, to disallow html content in captions #### 1.9.12 * sanitize html content output, to prevent JavaScript code added by users who have access to the plugin’s editing area #### 1.9.11 * improve accessibility for admin editor panels * fix deprecation notices #### 1.9.10 * fix styling for admin add-on cards #### 1.9.9 * fix panel content settings loading in admin #### 1.9.8 * fix deprecation notice regarding optional parameter in php 8 #### 1.9.7 * minor security hardening * other minor fixes #### 1.9.6 * improve support for gallery slides * add support for deferred loading of scripts #### 1.9.5 * modify user capabilities requirements for editing sliders #### 1.9.4 * add possiblity to extend the sidebar settings panels * other fixes and improvements #### 1.9.3 * add Gutenberg block #### 1.9.2 * some fixes and improvements #### 1.9.1 * added code mirror editor to HTML textareas * add filter for allowed HTML tags * other fixes and improvements #### 1.9.0 * added the add-ons installation interface #### 1.8.4 * added the possiblity to remove the existing custom CSS and Js #### 1.8.3 * fixed the inline CSS width and height of the accordion #### 1.8.2 * fixed the saving/updating functionality #### 1.8.1 * fixed type of Width and Height from ‘number’ to ‘mixed’ to address validation issue #### 1.8.0 * initial WordPress.org release ## Meta * Version **1.9.14** * Last updated **5 months ago** * Active installations **2,000+** * WordPress version ** 4.0 or higher ** * Tested up to **6.9.4** * Language * [English (US)](https://wordpress.org/plugins/accordion-slider/) * Tags * [accordion slider](https://test.wordpress.org/plugins/tags/accordion-slider/) [image accordion](https://test.wordpress.org/plugins/tags/image-accordion/)[post accordion](https://test.wordpress.org/plugins/tags/post-accordion/) [Responsive accordion](https://test.wordpress.org/plugins/tags/responsive-accordion/) [responsive slider](https://test.wordpress.org/plugins/tags/responsive-slider/) * [Advanced View](https://test.wordpress.org/plugins/accordion-slider/advanced/) ## Ratings 5 out of 5 stars. * [ 6 5-star reviews ](https://wordpress.org/support/plugin/accordion-slider/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/accordion-slider/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/accordion-slider/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/accordion-slider/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/accordion-slider/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/accordion-slider/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/accordion-slider/reviews/) ## Contributors * [ bqworks ](https://profiles.wordpress.org/bqworks/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/accordion-slider/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://bqworks.net/premium-add-ons/)