jQuery accordion plugins are used a lot in web design for sliding, maximizing and minimizing contents, as well, as in website navigation. A jQuery accordion plugin can be expanded by clicking the tabs, allowing you to organize and show your content with less space used.
In this post, you will witness these effects personally through the compilation of more than 25 jQuery accordion plugins. I hope that this collection will help you find a jQuery accordion plugin for you project. If you know of a better jQuery accordion menu that is not included in my list, please let us know through the comment section below.
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.
Zozo Accordion – Responsive and Touch Friendly – MORE INFO
This is the brand-new version (v3.3) of Zozo Accordion. It is a Fully responsive and touch-friendly with a lot of customization options that can be integrated into your site/blog quickly without writing any code. Some of its key features includes: such as CSS3 transitions with jQuery fallback, horizontal & vertical accordion, Load content with AJAX, custom styled scrollbar for Webkit, 10 unique themes, semantic HTML5 and SEO friendly and much more. Note: This is not a WordPress plugin but it can be easily integrated.
Grid Accordion – MORE INFO
Grid Accordion combines the functionality of a thumbnail grid and an accordion panel, offering you an interesting method to display your portfolio. You have the option to use either XML or HTML. The powerful API will allow to further enhance the functionality of this jQuery plugin and make it possible to easily integrate it into your own application.
Clean Tabs: Responsive Tabs To Accordion – MORE INFO
A simple and responsive way to keep your content anywhere.Clean tabs is a CSS3 and jQuery responsive navigation tabs, optimized for mobile & touch devices. On small screen, the horizontal tabs turns into a vertical accordion. More than 20 clean, smooth and elegant themes realized to work on every devices.
Z Light Accordion jQuery Plugin – MORE INFO
Z Light Accordion – is a adaptive jquery accordion. Fully customizable.Supports thirty animation effects from jQuery Easing.You can embed your icons, you can adjust the speed of the animation, you can change the color, size and much more.
zAccordion (free) – MORE INFO
zAccordion is an easily customizable horizontal jQuery slider with bouncing animation effect that does the job of giving you a nice image display slider.
Unleash jQuery Accordion Slider – MORE INFO
Unleash is a responsive, easy to style jQuery accordion with multiple caption animations, easing methods and many more.
jQuery Dashboard Vertical Navigation – MORE INFO
This is a cool accordion style jQuery dashboard menu script.This script comes with the choice if 6 different colours and is very simple and easy to implement.
jQuery Searchable 3 Level Accordion – MORE INFO
A clean searchable accordion that offers a lot of features it has up to 3 leves of nesting , fully W3C compliant (XHTML 1.0 strict!), configurable animation, active, inactive, external nodes supported and with 5 skins included!
Accordion Multi Menu – MORE INFO
This is a simple yet modern and easy to install jQuery and CSS3 vertical accordion menu.
Accordion A – MORE INFO
Accordion A is a lightweight, accessible jQuery accordion plugin. It has smooth and beautiful CSS3 transitions that brings Accordion A to life.
Vertu – Accordion Menu – MORE INFO
Classic Accordion – MORE INFO
Classic Accordion is a jQuery plugin that allows you to easily create accordion panels. You have the option to use XML, which will make the accordion panel much easier to setup and maintain. However, you also have the option to use HTML instead of XML. The plugin also provides an easy to use API which will allow to further enhance the functionality of the accordion and make it possible to integrate it into your own application.
Lida – Accordion Menu – MORE INFO
Lida accordion menu is based in pure CSS3. It has CSS3 Transition Effects (for Modern browser) and JQuery fallback for IE browsers. It offers a lot of features, has approximately 8 styles, icon support (240+), well documented and very easy to use.
J – Accordion – MORE INFO
jQuery Plugin: Drop List – MORE INFO
This is a jQuery plug-in, which helps to make beautiful sliding drop lists – available in 6 color schemes. It has a lot of features to offer like cross browser compatible, help documentation included and very easy to use and install. It also works with jQuery Library.
Mate Tabs Jquery Plugin – MORE INFO
Mate Tabs it is a responsive retina ready tabs and accordion. Mate tabs is very simple to use, customizable and allows multiple connections.
liteAccordion (free) – MORE INFO
liteAccordion is so called because the minified JS source only weighs 6kb. If you gzip the minified JS, you can get the file size down to 2kb! You can use it anything you like! Text, images, video – anything you can put in a div, you can put in a slide.
Making a Fresh Content Accordion (free) – MORE INFO
This tutorial will show you how to make a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.
jQuery Accordion MultiPurpose Gallery Slideshow – MORE INFO
This powerfull gallery slideshow offers ability to display more slides than visible, with an easy scroll through navigation, making it very powerfull in displaying large collection of data. Furthermore, slides can be different sizes.
Elegant Accordion with jQuery and CSS3 (free) – MORE INFO
This tutorial will teach you how to create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. Here you will add some CSS3 properties to enhance the looks of the accordion.
Accordionza – jQuery Plugin – MORE INFO
Accordionza is a very flexible and lightweight jQuery accordion plugin with easy to configure effects and speed. Also it features pause on hover; autoplay and autorestart; collapseable captions; and more.
Dynamic Accordion Banner Rotator – MORE INFO
This accordion menu was made in a way it could be easy adapted to any kind of project for you, you can have and do pretty much what you want with the rotator. Some of the options include click or over images action, the possibility of having any kind of button to the next and previous image or none at all, autoplay and duration, border or shadow divider and much more.