Tab page navigation in ASP.net

Introducation:-

In this article we will learn how to navigate page after click tab in asp.. 

Download link:- download

Example:-

Script Js:-

$(document).ready(function () {

              $('#nav li a').each(function () {

                       var current = location.pathname;

                var $this = $(this);

                // if the current path is like this link, make it active

                if (current.indexOf($this.attr('href')) !== -1) {

                    $this.parents().addClass('active');

                }

            });

          });

CDN link:-

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

HTML:-

<div class="container">

  <h3>Tabs</h3>

  <ul id="nav" class="nav nav-tabs">

    <li><a href="Tab1.aspx">Home</a></li>

    <li><a href="Tab2.aspx">Menu 1</a></li>

    <li><a href="Tab3.aspx">Menu 2</a></li>

    <li><a href="#">Menu 3</a></li>

  </ul>

  <p><strong>Note:</strong> This example shows how to create a basic navigation tab. </p>

</div>