<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);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.