Получить навигацию, чтобы показать и скрыть с querySelector и отображать нет / блок?

Question

Я пытаюсь создать навигационную панель, которая будет отображаться и скрываться при нажатии кнопки. Я показываю это, но не прячу. Если кто-нибудь знает, как я могу добавить небольшую анимацию затухания, когда ее показы, пожалуйста, дайте мне знать.

Я использовал js и querySelector, чтобы получить его для показа.

let button = document.getElementById("button");

let press = document.querySelector('nav').style.display = 'none';
press = true;

button.onclick = () => {

    if(press == true){
        document.querySelector('nav').style.display = 'block';
    }
    else  if(press == false){
        document.querySelectorAll('nav').style.display = 'none';
    }
}

Это делает навигациючтобы показать, но это не скроет снова.

Answer 1

Обновите значение press для следующего клика.

    if(press == true){
        document.querySelector('nav').style.display = 'block';
    } else {
        document.querySelectorAll('nav').style.display = 'none';
    }
    press = !press;