Aquí hay una manera realmente simple.

 function togglehide(id){ var el = document.getElementById(id); el.classList.toggle('hideme'); }

 .hideme{display:none}

 <button onclick="togglehide('mydiv')">Click me</button> <br> <div id="mydiv"> put some content here </div>

Selecciónelo, luego configure su style o agregue una clase CSS que lo oculte.

 document.querySelector("#element-id").classList.toggle("d-none");

let div = document.querySelector('div'); div.style.display = 'none'; // this will make it as if it didn't exist div.style.opacity = 0 // this will make it transparent