Как сделать, чтобы панель переключателей не открывалась по умолчанию? переключатель выполнен на JavaScript в HTML ⇐ CSS

[Anonymous]

Итак, у меня есть страница, на которой пользователь может найти знак "?" переключите, чтобы прочитать информацию о том, как использовать страницу.
Однако всякий раз, когда страница загружается (или перезагружается/обновляется), панель переключателя открывается (как если бы открытая была ее естественным состоянием) и закрывается только до тех пор, пока пользователь не нажмет на нее. переключатель (который, когда панель открыта, превращается в «X»).
Как мне сделать так, чтобы естественное состояние панели было закрыто?

Код: Выделить всё

document.querySelector(".panel-toggle").addEventListener("click", () => {
document.querySelector(".panel-wrap").classList.toggle("panel-open");
});

Код: Выделить всё

.panel-wrap {
display: flex;
height: 80vh;
margin-left: -20px;
margin-top: 10px;
position: fixed;
z-index: 9999;
}

.panel-toggle {
margin-top: 150px;
width: 50px;
height: 90px;
flex-shrink: 0;
display: grid;
place-items: center;
background-color: #225b4e;
border-radius: 0 5px 5px 0;
border: none;
outline: none;
cursor: pointer;
}

.panel-open .panel-contenido {
display: initial;
}

.panel-open .toggle-open {
display: none !important;
}

.panel-open .toggle-close {
display: initial !important;
}

Код: Выделить всё

INFORMATION
Info that is important.


[img]https://www.svgrepo.com/show/126178/question-mark.svg[/img]
[img]https://www.svgrepo.com/show/12848/x-symbol.svg[/img]

Подробнее здесь: https://stackoverflow.com/questions/786 ... e-on-javas