20 jQuery Accordions

Collection of free jQuery accordion plugins.

Update of May 2017 collection. 6 new items.

Related Articles

1. Accordions CSS
2. CSS Accordion Menus
3. React Accordions
4. HTML <details> & <summary> with CSS

Made by

• Davide Trisolini
• April 17, 2017

Github activity

• 3 stars
• 1 watchers

Links

• demo
• github page

About the plugin

Arai Accordion

HTML, CSS and JS accordion UI-component for scalable projects. User-friendly and accessible: WAI ARIA 1.1 compliant.

Features

• Developed following BEM methodology
• User-friendly and accessible
• Only 5KB JS (minified)
• JS plugin runs in strict mode
• Compatible with UMD

Made by

• Mohammad Limon
• April 8, 2017

Github activity

• 1 stars
• 2 watchers

Links

• github page

About the plugin

jpix

A lightweight script to active jquery tabs and accodion on you theme.

Made by

• Thitithan Atthakasem
• March 1, 2017

Github activity

• 1 stars
• 0 watchers

Links

• demo
• github page

About the plugin

Ziehharmonika

A lightweight jQuery accordion plugin.

Made by

• LAU TIAM KOK
• October 13, 2017

Github activity

• 0 stars
• 1 watchers

Links

• demo
• github page

About the plugin

Js Accordion

Creating a responsive accordion content with Vue and jQuery.

Made by

• Haris Hasan Khan
• April 20, 2017

Github activity

• 0 stars
• 1 watchers

Links

• github page

About the plugin

Simple Jquery Multi Accordion

Made by

• Fernando Colom
• June 23, 2017

Github activity

• 0 stars
• 0 watchers

Links

• github page

About the plugin

Accordion jQuery

Creating an accordion with jquery. It contains several elements with a title and a hidden content. When you click on each of them, it shows the content that belongs to that element and hiding the rest.
It was assigned click function to hide the mark button as read when clicked and displayed as unread with a change of color in the background.

jQuery Accordion

Simple accordion in jQuery.
Made by dircebologna
February 18, 2017

jQuery Accessible Accordion System

This jQuery plugin will transform a simple list of hx and div’s into a fantastic-shiny accordion system, using ARIA.
Made by Nicolas Hoffmann
October 24, 2016

jQuery Accordion

Made by Elena
July 26, 2016

Accordion

An accordion using jQuery elements removeclass and addclass.
Made by Khalif Cooper
June 12, 2015

Accordify.js - jQuery Accordion Plugin

Accordify.js is a simple barebones accordion plugin for jQuery with a few basic options.
Featured: vertical, multiple
Made by Dean Morgan
May 30, 2015

jQueryUI.Accordion.Multiple

jQuery UI plugin for accordion widget that allows open several panels at the same time.
Featured: vertical, multiple
Made by Artyom Fedosov
March 17, 2015

jQuery Accordion

Responsive, CSS powered, jQuery accordion plugin.
Featured: vertical, multiple, nested
Made by Victor Fernandez
October 18, 2014

BeefUp

A jQuery accordion plugin.
Featured: vertical, multiple, nested
Made by Sascha Künstler
July 5, 2014

SimpleAccordion.js

Small 319 bytes simple accordion jQuery plugin.
Featured: vertical, multiple
Made by Christian César Robledo López
April 24, 2014

SMK Accordion

SMK accordion: free jQuery accordion plugin.
Featured: vertical, multiple, nested
Made by Andrei Surdu
November 26, 2013

jQuery Quiccordion

An extremely quick, simple, lightweight (2KB packed), recursive accordion menu plugin.
Featured: vertical, nested
Made by Lenny
August 13, 2013

zAccordion

A horizontal accordion plugin for jQuery.
Featured: horizontal
Made by Nate Armagost
March 1, 2011

Grid Accordion

jQuery accordion that works both vertically and horizontally as a table of cells.
Featured: horizontal, vertical, multiple, nested
Made by CSS-Tricks
June 6, 2010

jQuery Accordion

Accordion is a super simple and light weight accordion menu plugin for jQuery. Accordion’s sub 1kb footprint makes it both easy to use and fast to load.
Featured: vertical, nested
Made by Jan Järfalk
February 15, 2009