🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

CSS Multi-Level Accordion Menu

Today’s resource is a handy accordion menu with support for groups/subitems. It works with CSS only, using the :checked pseudo-class selector on the checkboxes input elements. However we included a version with jQuery as well, in case you prefer a subtle animation compared to the instant default effect.

Accordion CSS

Demo Tutorial

You May Also Like

Simple Accordion-Style jQuery Slider Plugin - ClassySlider

jQuery Horizontal Accordion Slider Plugin - Concertina

jQuery Multi Level Accordion Menu Plugin - Slight Submenu

Animated Multi-Column Bottom Navigation with jQuery and CSS3 - rocker

Lightweight jQuery Accordion-Like Image Slider Plugin - Slide Door

Create A Pretty Accordion Menu with jQuery and CSS3

Smooth Accordion Slider with jQuery and CSS3 - Showcase Panels

jQuery Vertical Collapsible Menu with Multiple Transition Effects

Animated Vertical Accordion Menu with jQuery and CSS3 - mtree.js

Collapsible Tree Menu Plugin with jQuery and CSS3 - Nxeed Tree Menu

Basic jQuery Accordion Slider Plugin - Handy Accordion

Bootstrap Style Vertical Accordion Menu with jQuery and CSS3 - bs_leftnavi

Card Deck-style jQuery Responsive Slideshow Plugin - Nxeed Card Slider

Super Smooth Accordion Dropdown Menu Using jQuery and CSS3

Lightweight jQuery Responsive Tabs To Accordion Plugin - smartTabs

Smooth Horizontal Accordion Slideshow with jQuery and CSS3

Sortable & Filterable jQuery Accordion Plugin - AccordionList

jQuery Plugin For Accordion Style Responsive Select Menu

Multilevel Accordion/Toggle Plugin with jQuery - zAccordions

Tiny jQuery Tree View and Accordion List Plugin - Sapling

Vertical Accordion-style Content Slider Plugin For jQuery

Simple Accordion Plugin For jQuery - zAccordion

Smooth Accordion Slider with jQuery and CSS/CSS3

Create An Accordion Image Menu with jQuery & jQuery UI

Horizontal Accordion Slider with jQuery and TweenMax - slideOut.js

Smooth Multilevel Accordion Menu Plugin For jQuery - vmenu

jQuery Skewed Accordion Slider Plugin - Diagonal Slider

Minimal Elegant Accordion Slider with jQuery and CSS3

Multilevel Accordion Menu Plugin For jQuery

Pretty Accordion Menu with jQuery and CSS3 - MenuToggle

Retina-ready Flipping Accordion Menu with jQuery and CSS3

Accordion-style Tab Slider Plugin with jQuery - accordionToggle

Minimal jQuery Expanding Gallery Plugin - News Gallery

Minimal Horizontal Accordion Plugin with jQuery - Accordion.js

Small Background Accordion Slider With jQuery - fsbanner

jQuery Plugin To Create Filterable Accordion List - Accordion Live Filter

Vertical Accordion Menu Plugin For jQuery - Nav Accordion

Horizontal Stacked Accordion Slider With jQuery And CSS3 - cascadingDivs

Responsive Diagonal Slider Plugin With jQuery And CSS3 - Skewed Slider

Smooth jQuery Based Accordion-style Image Slider - Accordion.js

Responsive Collapsible Toggle Menu Plugin With jQuery - eosMenu

Fullscreen Expanding Accordion / Slider With jQuery And CSS3

Accordion Style Collapsing Carousel Plugin With jQuery - Colcarou

Responsive Horizontal jQuery Accordion Plugin - AccordionJS

Cookie-enabled jQuery Accordion Menu Plugin - Auroramenu

Responsive Sliding Sidebar Navigation Plugin With jQuery - crbnMenu

Modern Off-canvas Accordion Navigation With jQuery - sidenav

jQuery Collapsible Navigation With Unlimited Nesting - edlcCollapsibleNav

Lightweight Collapsible Accordion Menu Plugin - collapsible

Responsive Accordion Gallery Plugin With jQuery

Responsive & Multi-Level Accordion Menu Plugin

Mobile Accordion Menu With jQuery And CSS3

Mobile-friendly Navigation Plugin With jQuery - Ace Responsive Menu

Automatic Accordion Slider Plugin For jQuery - Accordion.js

Interactive Banner Slider Plugin With jQuery - splits-slider

Horizontal Accordion Slider Plugin with jQuery - Pana Accordion

Responsive Accordion Slider With jQuery And CSS3

Semantic Multi-level Accordion Plugin With jQuery And CSS3

Akordeon - Stylish jQuery Accordion Plugin

Create A Filterable Accordion List With jQuery

Lightweight jQuery Accordion Plugin To Show and Hide Elements - BeefUp

Dynamic Multi-level Menu Plugin With jQuery And JSON - json2menu

Vertical Expanding Navigation In jQuery - VerticalMenu

jQuery Horizontal Accordions plugin: Easy Accordion

Colorful Content Accordion with CSS & jQuery

JAWS: News Ticker and Mini Accordion in jQuery

Multi-Level Accordion Menu in jQuery

liteAccordion – a horizontal accordion plugin for jQuery

jQuery Common Accordion – Horizontal & Vertical

Ninja UI – A Set Of Slick Widgets For jQuery

jQuery Plugins

AngularJs Plugins