npqhugo/exampleSite/public/js/navbutton.js

25 lines
867 B
JavaScript
Raw Normal View History

2020-04-12 04:44:02 +08:00
function navToggle() {
isNavOpen() ? navClose() : navOpen();
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0 */
function isNavOpen() {
navStyle = window.getComputedStyle(document.getElementById("sidenav"));
navWidth = navStyle.getPropertyValue('width')
return ( navWidth !== "0px" ) && (navWidth !== "");
}
function navOpen(){
let navWidth = "200px"
document.getElementById("sidenav").style.width = navWidth;
document.getElementById("closebtn").style.left= navWidth;
if (! window.matchMedia("(max-width: 650px)").matches){
document.getElementById("main").style.marginLeft = navWidth;
}
}
function navClose(){
document.getElementById("sidenav").style.width = "0px";
document.getElementById("main").style.marginLeft = "0px";
document.getElementById("closebtn").style.left= "0px";
}