2 | -----------------------------------------------------------------------------
3 | Functionality for off-canvas menu / sidebar visibility
4 | -----------------------------------------------------------------------------
7 /*jslint browser:true*/
12 document
.addEventListener('DOMContentLoaded', function () {
13 var menu
= document
.getElementById('mobile-menu'),
14 wrapper
= document
.getElementById('wrapper'),
15 content
= document
.getElementById('content'),
16 menuVisibilityData
= 'data-menu-visible';
19 | ---------------------------------------------------------------------
20 | Click on content element results in menu getting closed
21 | ---------------------------------------------------------------------
23 content
.addEventListener('click', function (event
) {
24 if (wrapper
.getAttribute(menuVisibilityData
)) {
25 wrapper
.removeAttribute(menuVisibilityData
);
27 event
.preventDefault();
28 event
.stopPropagation();
33 | ---------------------------------------------------------------------
34 | Click on menu element results in menu getting opened
35 | ---------------------------------------------------------------------
37 menu
.addEventListener('click', function (event
) {
38 if (!wrapper
.getAttribute(menuVisibilityData
)) {
39 wrapper
.setAttribute(menuVisibilityData
, '1');
41 wrapper
.removeAttribute(menuVisibilityData
);
44 event
.preventDefault();
45 event
.stopPropagation();