40 lines
999 B
JavaScript
40 lines
999 B
JavaScript
// addEventListener Helper
|
|
//
|
|
const listen = (ele, e, callback) => {
|
|
if (document.querySelector(ele) !== null) {
|
|
document.querySelector(ele).addEventListener(e, callback);
|
|
}
|
|
}
|
|
|
|
let header = document.getElementById('site-header');
|
|
|
|
// Mobile Menu Toggle
|
|
//
|
|
let mobileMenuVisible = false;
|
|
|
|
const toggleMobileMenu = () => {
|
|
let mobileMenu = document.getElementById('mobile-menu');
|
|
if (mobileMenuVisible == false) {
|
|
mobileMenu.style.animationName = 'bounceInRight';
|
|
mobileMenu.style.webkitAnimationName = 'bounceInRight';
|
|
mobileMenu.style.display = 'block';
|
|
mobileMenuVisible = true;
|
|
} else {
|
|
mobileMenu.style.animationName = 'bounceOutRight';
|
|
mobileMenu.style.webkitAnimationName = 'bounceOutRight'
|
|
mobileMenuVisible = false;
|
|
}
|
|
}
|
|
|
|
// ToC Toggle
|
|
//
|
|
const toggleToc = () => {
|
|
document.getElementById('toc').classList.toggle('show-toc');
|
|
}
|
|
|
|
|
|
if (header !== null) {
|
|
listen('#menu-btn', "click", toggleMobileMenu);
|
|
listen('#toc-btn', "click", toggleToc);
|
|
}
|