---
title: "How to use left panel Menu in asp.net or mvc using jquery."  
description: "How to use left panel Menu in asp.net or mvc using jquery."  
author: "Anonymous User"  
published: 2016-01-01  
updated: 2023-07-03  
canonical: https://www.mindstick.com/forum/33823/how-to-use-left-panel-menu-in-asp-dot-net-or-mvc-using-jquery  
category: ".net"  
tags: ["asp.net", "jquery"]  
reading_time: 2 minutes  

---

# How to use left panel Menu in asp.net or mvc using jquery.

I want to use [left](https://www.mindstick.com/articles/12768/don-t-be-left-behind-with-the-new-it-revolution) [panel](https://www.mindstick.com/blog/11988/restructuring-corporate-offenses-government-appointed-panel-suggests-in-house-adjudication-system) Menu in [asp.net](https://www.mindstick.com/articles/934/default-folders-available-inside-the-asp-dot-net-application-folder) or [mvc](https://www.mindstick.com/forum/155803/define-cache-profile-in-mvc) using jquery.How to do this please give me a [sample](https://www.mindstick.com/news/2174/mars-mission-by-nasa-prepares-for-tests) [demo](https://www.mindstick.com/forum/157370/how-to-swap-neighbor-characters-in-string-e-g-string-demo-would-be-edom) code.

## Replies

### Reply by Aryan Kumar

Sure, here are the steps on how to use left panel menu in ASP.NET or MVC using jQuery:

1. Create a left panel menu in your HTML page.
2. Add a jQuery library to your HTML page.
3. Write jQuery code to toggle the left panel menu.
4. Bind the jQuery code to the left panel menu.

Here is an example of the code:

HTML

```plaintext
<div id="left-panel">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    // Toggle the left panel menu
    $("#left-panel").toggle();

    // Bind the jQuery code to the left panel menu
    $("#left-panel").on("click", function() {
        $("#left-panel").toggle();
    });
});
</script>
```

This code will create a left panel menu in your HTML page. The jQuery library will be loaded from Google CDN. The jQuery code will toggle the left panel menu when it is clicked. The jQuery code will be bound to the left panel menu using the `on` event handler.

### Reply by Anonymous User

here we are going to create left panel menu using jquery. following the below code

```
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Fourm.aspx.cs" Inherits="Forumasp.Fourm" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8">    <title>jQuery UI Menu - Categories</title>    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">    <script src="//code.jquery.com/jquery-1.10.2.js"></script>    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>    <link rel="stylesheet" href="/resources/demos/style.css">    <script>        $(function () {            $("#menu").menu({                items: "> :not(.ui-widget-header)"            });        });    </script>    <style>        .ui-menu {            width: 300px;        }        .ui-widget-header {            padding: 0.2em;        }    </style></head><body>    <ul id="menu">                <li class="ui-widget-header">Main Master</li>        <li>Dashboard</li>        <li>State</li>        <li>City</li>        <li>Category</li>        <li>Sub Category</li>        <li>Product</li>        <li class="ui-widget-header">Transaction</li>        <li>Sales</li>          <li>Sales Return</li>        <li>Purchase</li>         <li>Purchase Retuen</li>        <li>Debit Note</li>        <li>Credit Note</li>        <li>Payment</li>        <li>Receipt</li>    </ul></body></html>
```

## OutPut

![How to use left panel Menu in asp.net or mvc using jquery.](https://www.mindstick.com/mindstickforums/3e14185e-c21d-4632-acc5-ef61abf986e1/images/8cc0b3a6-c3d9-4b11-b83b-31a8178e4b8e.png)


---

Original Source: https://www.mindstick.com/forum/33823/how-to-use-left-panel-menu-in-asp-dot-net-or-mvc-using-jquery

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
