website-2018/js/sidebar.js
2017-07-07 20:20:13 -04:00

23 lines
932 B
JavaScript

var mb = document.querySelector("#menu-toggle"),
sb = document.querySelector("nav#menu"),
tb = document.querySelector("#banner h1"),
wr = document.querySelector("#wrapper");
mb.addEventListener("click", function(){toggleSidebar(true)}, false);
wr.addEventListener("click", function(){toggleSidebar(false)}, false);
tb.addEventListener("click", function(){toggleSidebar(false)}, false);
mb.addEventListener("touchleave", function(){toggleSidebar(true)}, false);
wr.addEventListener("touchleave", function(){toggleSidebar(false)}, false);
tb.addEventListener("touchleave", function(){toggleSidebar(false)}, false);
sb.style.disabled = true;
function toggleSidebar(toggleOpenAllowed) {
if((sb.style.left == "" || sb.style.left == "-30vw") && toggleOpenAllowed) {
sb.style.disabled = false;
sb.style.left = "0px";
} else {
sb.style.disabled = true;
sb.style.left = "-30vw";
}
}