https://higashimurayama-shikaishikai.com/js/main.js

1/**
2 * main.js
3 * http://www.codrops.com
4 *
5 * Licensed under the MIT license.
6 * http://www.opensource.org/licenses/mit-license.php
7 * 
8 * Copyright 2014, Codrops
9 * http://www.codrops.com
10 */
11(function() {
12
13	var bodyEl = document.body,
14		content = document.querySelector( '.content-wrap' ),
15		openbtn = document.getElementById( 'open-button' ),
16		closebtn = document.getElementById( 'close-button' ),
17		isOpen = false;
18
19	function init() {
20		initEvents();
21	}
22
23	function initEvents() {
24		openbtn.addEventListener( 'click', toggleMenu );
25		if( closebtn ) {
26			closebtn.addEventListener( 'click', toggleMenu );
27		}
28
29		// close the menu element if the target it´s not the menu element or one of its descendants..
30		content.addEventListener( 'click', function(ev) {
31			var target = ev.target;
32			if( isOpen && target !== openbtn ) {
33				toggleMenu();
34			}
35		} );
36	}
37
38	function toggleMenu() {
39		if( isOpen ) {
40			classie.remove( bodyEl, 'show-menu' );
41		}
42		else {
43			classie.add( bodyEl, 'show-menu' );
44		}
45		isOpen = !isOpen;
46	}
47
48	init();
49
50})();