Breaking News: Grepper is joining You.com. Read the official announcement!

set css active current item menu bootstrap

Ivan Londono answered on November 24, 2022 Popularity 2/10 Helpfulness 1/10

answer set css active current item menu bootstrap

set css active current item menu bootstrap

Comment

$(function(){
      let pathParts = window.location.pathname.split("/");
      let yourLink = pathParts[1] // in this example
      switch(yourLink){
         case 'index.html':
         $('a:contains("Home")').parent().addClass("active");
         break;
         case 'about.html':
         $('a:contains("About")').parent().addClass("active");   
         break;
         default:
         $('a:contains("Home")').parent().addClass("active"); 
         // if yourLink is empty then default to the home page
         }
     });

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: css javascript set

Link to this answer
Share Copy Link

Contributed on Nov 24 2022

Ivan Londono

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

set css active current item menu bootstrap

Contents

More Related Answers

set css active current item menu bootstrap

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.