---
title: "how to create left navigation menu in html using jQuery and bootstrap"
description: "A jQuery plugin for creating a Bootstrap style vertical nav menu which allows you to expand/collapse menu categories with smooth slide effects."
author: "Anonymous User"
published: 2018-06-02
updated: 2019-09-07
canonical: https://www.mindstick.com/articles/12931/how-to-create-left-navigation-menu-in-html-using-jquery-and-bootstrap
category: "jquery"
tags: ["jquery", "bootstrap"]
reading_time: 2 minutes
---
# how to create left navigation menu in html using jQuery and bootstrap
## [Introduction](https://www.mindstick.com/blog/359/iphone-development-introduction):
In this [article](https://yourviews.mindstick.com/view/84667/how-congress-government-misused-the-article-356), we are going to [explain](https://answers.mindstick.com/qa/43852/what-is-shadowing-in-java-explain-with-example) what is **bs_leftnavi.js jQuery [plugin](https://www.mindstick.com/articles/23236/institute-management-for-wordpress-plugin)** or how to [design](https://yourviews.mindstick.com/view/81916/wikipedia-desktop-version-gets-new-design) [vertical](https://www.mindstick.com/forum/12951/how-to-fix-bootstrap-tab-vertical-with-text) nav menu which allows you to expand/collapse menu [categories](https://answers.mindstick.com/qa/47601/what-are-the-categories-of-stations-for-provision-of-passenger-amenities-explain-them) with smooth slide effects with an example.
## Description:
This is a very small jQuery plugin for creating a [Bootstrap](https://www.mindstick.com/forum/2473/bootstrap-popover-not-working) style vertical nav menu which allows you to expand/collapse menu categories with smooth slide effects.
**Click here to [download](https://www.mindstick.com/blog/114673/download-hungry-shark-evolution-mod-apk-unlimited-money) it.**
## Example:
```