The accordion menu component enables the visitor to vertically expand/collapse sub menu items just like an accordion.
In this post you will find out the 10 best jQuery/JavaScript/CSS accordion menu components to organize and display your large multi-level navigation system in an elegant way.
Table of contents:
jQuery Accordion Menu Plugin For Bootstrap 4/3 - metisMenu
metisMenu is a simple jQuery menu plugin for Bootstrap 3 that help you create a collapsible menu with animated accordion effects and auto collapse support.
Bootstrap Style Vertical Accordion Menu with jQuery and CSS3 - bs_leftnavi
A jQuery plugin for creating a Bootstrap style vertical nav menu which allows you to expand/collapse menu categories with smooth slide effects.
Super Smooth Accordion Dropdown Menu Using jQuery and CSS3
Creating an accordion-style dropdown menu using jQuery and CSS3 transitions & transforms.
Smooth Multilevel Accordion Menu Plugin For jQuery - vmenu
vmenu is a accordion menu plugin for jQuery/Zepto that generates a vertical, multi-level, expanding/collapsing navigation menu from nested Html lists.
Vertical Accordion Menu Plugin For jQuery - Nav Accordion
Nav Accordion is a jQuery plugin that lets you generate a vertical, multilevel, collapsible accordion menu from a nested unordered list for your site navigation.
Vanilla JS Accordion Menu Libraries:
Creating A Minimal Accordion Menu With Javascript
A minimal accordion menu with smooth sliding animations built on top of javascript, a little similar to the mobile toggle menu.
SEO-friendly Accordion Menu In Vanilla JavaScript
A small pure JavaScript library that transforms nested HTML unordered lists into a smooth multi-level accordion menu.
Pure CSS Accordion Menus:
Multilevel Accordion Menu with Plain HTML & CSS
A simple Html5 / CSS3 approach to making a multilevel sliding accordion menu from nested html lists. It uses checkbox+label hacks for toggling hierarchical menus and several CSS3 properties for smooth sliding effects.
Multi-level Toggle Responsive Navigation Menu using Pure CSS
A pure CSS mobile-friendly navigation that automatically transform your horizontal navigation into a toggleable vertical accordion menu on smaller screen devices, with support for unlimited sub menu items.
Simple Accordion Menu with CSS3 Transitions
A simple accordion navigation menu built with only CSS and animated by CSS3 transitions.
Conclusion:
Want more jQuery plugins or JavaScript libraries to create awesome Accordion Menus on the web & mobile? Check out the jQuery Gauge and JavaScript/CSS Gauge sections.
See also:
- Publication date: 24.05.2019
- Source