добавить класc при определенном url

[face2005]

Добрый день, ребята!
Есть вкладки:

<div class="tabsMaster">

    <ul>
        <li id="vkl1" class="active">Вкладка 1</li>
        <li id="vkl2">Вкладка 2</li>
        <li id="vkl3">Вкладка 3</li>
    </ul>
    
    <div class="tabs__content active">
     content 1
    </div>
    <div class="tabs__content">
     content 2
    </div>
    <div class="tabs__content">
     content 3
    </div>

</div>

как class="active" добавить нужному элементу если зайти по адресам с якорем типа http://sait.ru/page#vkl3 ?

[Nexus]

const hash=location.hash.replace('#','');
if(!hash.length)
    return;

const node=document.getElementById(hash);
if(node)
    node.classList.add('active');

[face2005]

const hash=location.hash.replace('#','');
if(!hash.length)
    return;

const node=document.getElementById(hash);
if(node)
    node.classList.add('active');

Круто! спасибо! а как убрать class active с первого элемента ? а то сразу два активных...

[Nexus]

const hash=location.hash;
if(!hash.length)
    return;

const $node=$(hash);
if(!$node.length)
    return;

$('.active').add($node).toggleClass('active');

[face2005]

спасибо большое!