При загрузке страницы откройте раздел href по умолчанию, используя JavaScript

Question

У меня есть две навигации, и я хочу, чтобы браузер загружался #informals-1 по умолчанию при загрузке страницы. Как я могу сделать это с помощью JavaScript? У меня есть код для навигации между -nav а также -subnav, но #informals-1 раздел не активирован по умолчанию. Я должен нажать на informals-1 якорь, чтобы получить subnav под ним.

До активации - это
После активации - это

<nav id="documentation-nav">
<ul>

    <li><a href="#informals-1" title="Informal Events" data-rel="informals"><span>1</span>Informals</a>
    </li>
    <li><a href="#current" title="Technical Events" data-rel="techevents"><span>2</span>Tech Events</a></li>    
</ul>
    </nav>
<nav id="documentation-subnav">
<ul id="informals">
    <li><a href="#informals-1" >Tic Toc</a></li>
    <li><a href="#informals-2" >Jack of all Trades</a></li>
    <li><a href="#informals-3" >Tattoo making</a></li>
    <li><a href="#informals-4" >Face painting</a></li>
    <li><a href="#informals-5" >Foosball</a></li>
    <li><a href="#informals-6" >Solo Impromptu</a></li>
    <li><a href="#informals-7" >Challenge accepted</a></li>
    <li><a href="#informals-8" >Sack Race</a></li>
    <li><a href="#informals-9" >Connected</a></li>
    <li><a href="#informals-10" >Mystery date</a></li>
    <li><a href="#informals-11" >The 90's Game</a></li>
</ul>
<ul id="techevents">
    <li><a href= "#current" title="name1">name1</a></li>
    <li><a href="#tech-2" title="name2">name1</a></li>
    <li><a href="#tech-3" title="name3">name1</a></li>
    <li><a href="#tech-4" title="name4">name1</a></li>
    <li><a href="#tech-5" title="name5">name1</a></li>
</ul>

Answer 1

Вы можете сделать что-то вроде следующего.

Дайте удостоверение личности

<li id="yourId"><a href="#informals-1" >Tic Toc</a></li>

затем прокрутите окно до 500 пикселей сверху. Измените 500 на любую подходящую для вас сумму.

document.getElementById('yourId').style.display = 'block';
window.scrollTo(0, 500);