Post thumbnail: 20 jQuery Accordions

20 jQuery Accordions

Collection of free jQuery accordion plugins.

Update of May 2017 collection. 6 new items.

Demo image: ARIA ACCORDION
Made by
  • Davide Trisolini
Github activity
  • 3 stars
  • 1 watchers
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
Demo image: jpix
Made by
  • Mohammad Limon
Github activity
  • 1 stars
  • 2 watchers
About the plugin

jpix

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

Demo image: Ziehharmonika
Made by
  • Thitithan Atthakasem
Github activity
  • 1 stars
  • 0 watchers
About the plugin

Ziehharmonika

A lightweight jQuery accordion plugin.

Demo image: Js Accordion
Made by
  • LAU TIAM KOK
Github activity
  • 0 stars
  • 1 watchers
About the plugin

Js Accordion

Creating a responsive accordion content with Vue and jQuery.

Demo image: Simple Jquery Multi Accordion
Made by
  • Haris Hasan Khan
Github activity
  • 0 stars
  • 1 watchers
About the plugin

Simple Jquery Multi Accordion

Demo image: Accordion jQuery
Made by
  • Fernando Colom
Github activity
  • 0 stars
  • 0 watchers
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.

Demo Image: jQuery Accordion
Demo Image: jQuery Accordion

jQuery Accordion

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

Demo Image: jQuery Accessible Accordion System
Demo Image: jQuery Accessible Accordion System

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

Demo Image: jQuery Accordion
Demo Image: jQuery Accordion

jQuery Accordion

Made by Elena
July 26, 2016

Demo Image: Accordion
Demo Image: Accordion

Accordion

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

Demo Image: Accordify.js - jQuery Accordion Plugin
Demo Image: Accordify.js - jQuery Accordion Plugin

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

Demo Image: jQueryUI.Accordion.Multiple
Demo Image: jQueryUI.Accordion.Multiple

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

Demo Image: jQuery Accordion
Demo Image: jQuery Accordion

jQuery Accordion

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

Demo Image: BeefUp
Demo Image: BeefUp

BeefUp

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

Demo Image: SimpleAccordion.js
Demo Image: SimpleAccordion.js

SimpleAccordion.js

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

Demo Image: SMK Accordion
Demo Image: SMK Accordion

SMK Accordion

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

Demo Image: jQuery Quiccordion
Demo Image: jQuery Quiccordion

jQuery Quiccordion

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

Demo Image: zAccordion
Demo Image: zAccordion

zAccordion

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

Demo Image: Grid Accordion
Demo Image: Grid Accordion

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

Demo Image: jQuery Accordion
Demo Image: jQuery Accordion

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

Back to top