Use .style.display = just make sure when you show it you are using ‘flex’ and not ‘inline’ if the element is a flex!

Hide it:
  document.getElementById('MyId').style.display = 'none';
Show it
  document.getElementById('MyId').style.display = 'inline';
//or
  document.getElementById('MyId').style.display = 'flex';

To hide a section with id=pageheader”

  <script>
    //Hide section when the page loads
    document.addEventListener("DOMContentLoaded", function() {
        var header = document.getElementById("page-header");
        if (header) {
            header.style.display = "none";
        }
    });
  </script>
Display it again
  header.style.display = 'inline';