add js to hide/show page contents

This commit is contained in:
shoe 2025-03-22 03:56:35 +00:00
parent eeff471c96
commit 2b8fdf669d

23
hidepage.js Normal file
View File

@ -0,0 +1,23 @@
function hide_page() {
// to unhide the hidden element, we also need to un-ID it
// to make the CSS rule stop applying
// janky hack, but it makes it not have 1 frame of showing on load.
hidden.id = '';
hidden.style.display = '';
shown.style.display = 'none';
}
function unhide_page() {
shown.style.display = '';
hidden.style.display = 'none';
}
var shown = document.getElementById("page-content");
var hidden = document.getElementById("page-content-hidden");
document
.getElementById("button-hide-page")
.addEventListener("click", hide_page);
document
.getElementById("button-unhide-page")
.addEventListener("click", unhide_page);