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

dynamic nav tabs

Sore Sardine answered on March 25, 2024 Popularity 2/10 Helpfulness 1/10

answer dynamic nav tabs

dynamic nav tabs

Comment

let links = document.querySelectorAll(".nav-tabs li");//for the li tags and the class of the container they're in to find them
let bodyId = document.querySelector("body").id;

for(let link of links)
{
    if (link.dataset.active == bodyId)//if the active link's data attribute is equivalent to the body id 
    {
        link.classList.add("active");//uses subclass created in the css document
    }//change the link's class
}

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: dynamic javascript nav tabs

Link to this answer
Share Copy Link

Contributed on Mar 25 2024

Sore Sardine

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.

dynamic nav tabs

Contents

More Related Answers

dynamic nav tabs

Grepper

Documentation

Social

Legal

Contact

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