<button id="toggle">Toggle Display</button>
<div id="frame">
  <p>Paragraph in div</p>
</div>
<p>Test following content</p>
#frame {
  border: 1px solid red;
}
.hideMe {
  display: none;
}
(function toggleElement(d) {
  "use strict";

  const hideShow = d.querySelector("#frame");
  hideShow.classList.toggle("hideMe"); // only hide if js is present

  d.getElementById("toggle").addEventListener("click", toggleVis);

  function toggleVis() {
    hideShow.classList.toggle("hideMe");
  }
})(document);
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.