我試圖隱藏單擊按鈕時顯示的內容。這是我的起始 HTML：        <div class="sunrise-section" id="hide-show">          <h3>SUNRISE</h3>          <p class="sunrise">5:40 A.M.</p>        </div>        <div class="sunset-section" id="hide-show">          <h3>SUNSET</h3>          <p class="sunset">8:05 P.M.</p>        </div>        <div class="navbar-bottom">            <button onclick="onClick"><img src="https://image.flaticon.com/icons/svg/892/892499.svg" alt="click for details" height="18px" id="navbar-bottom-button"></button>        </div>這是我的起始 JavaScript（onClick 函數是最后一個；我包含了所有內容以顯示上下文）：window.addEventListener('load', ()=> {    let long;    let lat;    let locationTimeZone = document.querySelector('.location-timezone');    let temperatureDegree = document.querySelector('.temperature-degree');    let humidity = document.querySelector('.humidity');    let todayDate = document.querySelector('.today-date');    let windSpeed = document.querySelector('.wind-speed');    let visibility = document.querySelector('.visibility');    let pressure = document.querySelector('.pressure');    let sunrise = document.querySelector('.sunrise');    let sunset = document.querySelector('.sunset');    let myDate = new Date();    if (navigator.geolocation) {        navigator.geolocation.getCurrentPosition(position => {            long = position.coords.longitude;            lat = position.coords.latitude;            const proxy = 'https://cors-anywhere.herokuapp.com/';            const api = `${proxy}https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${long}&appid=d5f88bf8e740a9d82677f46f346f0a33&units=Imperial`;            }                            } )        });    }}); 我試圖將 .getElementById("hide-show") 更改為 document.querySelectorAll('[id=hide-show]') 并且沒有任何變化。我感謝任何可以幫助我更好地理解這個問題的意見！