“Accordions are useful when you want to toggle between hiding and showing a large amount of content”

Accordions take their name from a musical instrument, as they contain vertically or horizontally stacked panels with just their captions visible. At the time when these panels are clicked, then they get compress or stretch like their namesake, revealing more or less information associated with that visible caption.

So, if you are searching for Accordion widgets or plugins then have a look below. Here is the list of some FREE and Paid Accordion plugins for your website:-

    1. Free Accordion Plugins
    2. Paid Accordion Plugins

Paid Accordion Plugins

1. Accordion Slider – Responsive & Touch Accordion

Accordion Slider is probably the best jQuery accordion slider on the market. The lite version of Accordion Slider allows you to create simple image sliders which are fully responsive and mobile-friendly. Accordion Slider allows you to change the layout of the accordion for different screen sizes.


For Designers

  • It provides 2 fully responsive modes: auto and custom.
  • With the Touch-enabled feature, you can easily touch swipe and tap gestures on mobile devices and mouse drag on desktop devices.
  • Dynamic layout automatically changes the orientation from horizontal to vertical or vice versa.
  • Supports 2 types of layers: animated and static layers.
  • When the panel is open you can easily change the background image with the help of Image swap.

For Developers

  • You can effortlessly remove the modules to reduce the file size as the Modular architecture plugin consists of a core and 12 optional modules.
  • CSS3 transitions and RequestAnimationFrame, which is designed with modern animation techniques are used in order to ensure smooth animations.
  • The accordion provides multiple public method and callback functions, and also the possibility to change the properties on runtime via its powerful API.

Click Here For More Details

2. jQuery Accordion

Another one is jQuery Accordion, which is an accordion component based on Javascript and CSS. It has a responsive and fluid layout and has a grid system, 8 preset styles, more. The best thing about this plugin is that it also provides fading effects on contents.

jQuery-Accordion Accordion Plugins


  • 8 Styles
  • Grid system
  • Javascript/CSS3 effects
  • Icon Support
  • Fluid layout
  • Responsive
  • Cross-browser
  • Easy to use

Click Here For More Details

3. jQuery Accordion Menu

“jQuery Accordion Menu” is a menu with accordion behavior. The plugin has several parameters that can be configured to help customise the vertical accordion menu. These can either be set via the widget control panel or by passing parameters in a shortcode.

jQuery Accordion Menu Accordion Plugins


  • Cross Browser
  • 6 color schemes
  • Unlimited submenus
  • Icons by Font Awesome
  • CSS3 effect
  • Well documented
  • Easy to use and customize

Click Here For More Details

4. Accordion | Faq | Collapse – Add-Ons For Visual Composer

Accordion is a modern visual composer add-on. It has 26+ styles with huge options. In the plugin, you will get a variety of accordion that you can select as per the requirement of your website.

Accordion add-ons Accordion Plugins


  • 26+ Unique Styles * More Style Coming Soon!
  • Responsive Design
  • Fully Customizable
  • Unlimited Color Style
  • Major Browser Supported
  • Compatible latest version WordPress
  • Clean Coding, W3c Validate
  • 24/7 First Support
  • Step by Step Well Documented

Click Here For More Details

Free Accordion Plugins

1. Easy Responsive Tabs To Accordion

Responsive tabs to accordion – it is a delicate jQuery accordion plugin that optimizes normal vertical and horizontal tabs on multi devices such as – web, tablets, Mobile (IPad & iPhone. The plugin adapts the screen size and meanwhile, changes its action accordingly.

Easy-Responsive-Tabs-to-Accordion Accordion Plugins


  • Horizontal / Vertical tabs to the accordion.
  • Accordion & tabs are designed entirely with jQuery.
  • Supports multiple sets of tabs on the same page.
  • Cross-browser compatibility (IE7+, Chrome, Firefox, Safari, and Opera).
  • Multi-device support (Web, Tablets & Mobile).
  • (Works with multiple instances) Link directly to a specified tab.
  • The plugin handles all the state of tabs when navigating away from the page and then returning using forward/back (if a browser supports the History API).
  • Nested tabs.

Click Here For More Details

2. jQuery Responsive Tabs

This jQuery Bootstrap plugin provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. Accordion formed via this plugin is horizontal in nature. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet, and mobile.

Responsive Tabs Accordion Plugins


  • Tabs transform to accordion based on breakpoint.
  • For the technical tab switching (class-based) you can use jQuery/javascript.
  • Uses CSS for the desktop/tablet/mobile view.
  • Has callback events for the tab events.
  • Tabs can be opened by using auto-rotate, URL hashes, collapsed (optional), disabled, etc.
  • The tabs are controllable with API methods.
  • Cross-browser compatibility (IE7+, Chrome, Firefox, Safari, and Opera).
  • Multiple device support (Web, Tablet, Mobile, etc).

Click Here For More Details

Conclusion –

These are 5+ [Free + Paid] Best Accordion Plugins for your website. Hope that you have found the product that meets your needs and requirements.

You may also like –