Sidebar menu collapse

Bootstrap 5 Sidebar menu collapse component

Responsive Sidebar menu collapse built with Bootstrap 5. Create sleek, user-friendly sidebars that expand and collapse effortlessly and navigation.

Basic example

In the basic version, the side navigation will appear over your website's content after clicking on a toggler.

Note: Use show and hide methods to toggle navigation with JavaScript.

Note: Adding the show class to a sidenav collapse element will expand this category on render.

Menu item scroll

You can use custom styles and our Scrollbar to add inner scroll for menu items.

Accordion example

Using accordion option will allow expanding only one category at once.

Groups

You can use more than one menu inside the side navigation - in this case, accordions will be independent of one another.

Related resources