14 jQuery Accordion Plugins For Developers & Designers

Looking for some jQuery Accordion plugins? Then, here is the ultimate collection of 14 jQuery Accordion plugins that can be very helpful for you in developing menus, slideshows, content sliders, sidebars and many more. We have compiled this post to help our developer fellows so that they can show the vital information on their websites very easily. These plugins will help them in making their website more visually appealing and interactive.

Here is the complete collection. Feel free to share your opinions with us via comment section below. Your comments are always more than welcome. Enjoy!

Lite Accordion

liteAccordion – a horizontal accordion plugin for jQuery.

jQuery Accordion

If you have a lot of content or a very long menu on your website, the use of accordion may be a good option for your layout. This plugin was created to be of easy setup.

Javascript Accordion Menu Wizard

Javascript Accordion Menu is an image based site navigation menu. Scriptocean Accordion Menu Wizard supports horizontal and vertical accordion menus.

Accordion v2.0

Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.

jQuery UI According

Displays collapsible content panels for presenting information in a limited amount of space.


zAccordion is a horizontal accordion plugin for jQuery.


I actually made the plugin to serve as a menu, but it could also work as a regular accordion for displaying different types of content within a page.

Flat jQuery Accordion Menu Tutorial

In this post We will be showing how to create a two level, jQuery accordion menu.

jQuery Plugin Easy According

Nested Accordion

The Nested Accordion plugin provides support for unlimited number of levels.The plugin could easily be customized and used with any website.It allows multiple instances of the accordion on the same page.

How To Code a Vertical Accordion Nav Menu with jQuery

In this tutorial We will demonstrate how we can build a simple vertical navigation accordion menu using CSS3 and jQuery techniques.

Vertical accordion menu using jQuery and CSS3

A sleek vertical accordion menu for your next website/app.

Flexible Slide-To-Top Accordion

In this tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in.

How to Create Accordion Menu in Pure CSS3

In this tutorial we will learn how to create an accordion menu in pure CSS3.


Leave a Comment