The accordion menu component enables the visitor to vertically expand/collapse sub menu items just like an accordion.
Originally Published May 19 2019, updated Feb 11 2021
Table of contents:
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.
A jQuery plugin for creating a Bootstrap style vertical nav menu which allows you to expand/collapse menu categories with smooth slide effects.
A lightweight, SEO-friendly jQuery content toggle plugin to generate a hierarchical tree or multi-level accordion menu from nested HTML unordered lists.
Creating an accordion-style dropdown menu using jQuery and CSS3 transitions & transforms.
An easy jQuery plugin to create a multi-level and fully responsive accordion menu (dropdown list) from any nested Html elements.
Vanilla JS Accordion Menu Libraries:
Pure CSS Accordion Menus:
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.
A simple accordion navigation menu built with only CSS and animated by CSS3 transitions.
A smooth, semantic, SEO-friendly accordion menu (dropdown menu) built with HTML unordered list and CSS/CSS3.