使用 querySelector 獲取導航以顯示和隱藏並顯示無/塊？

Question

我試圖制作一個在您按下按鈕時顯示和隱藏的導航欄。 我讓它顯示但不隱藏。 如果有人知道我如何在它的節目中添加一點褪色 animation，請告訴我。

我已經使用 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;