https://www.magna-carta.co.za/wp-content/themes/magnacarta/js/pushy.js

1/*! Pushy - v0.9.1 - 2013-9-16
2* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
3* https://github.com/christophery/pushy/
4* by Christopher Yee */
5
6jQuery(function($) {
7	var pushy = $('.pushy'), //menu css class
8		body = $('body'),
9		container = $('#container'), //container css class
10		push = $('.push'), //css class to add pushy capability
11		siteOverlay = $('.site-overlay'), //site overlay
12		pushyClass = "pushy-left pushy-open", //menu position & menu open class
13		pushyActiveClass = "pushy-active", //css class to toggle site overlay
14		containerClass = "container-push", //container open class
15		pushClass = "push-push", //css class to add pushy capability
16		menuBtn = $('.toggle-menu-mobile'), //css classes to toggle the menu
17		menuSpeed = 200, //jQuery fallback menu speed
18		menuWidth = pushy.width() + "px"; //jQuery fallback menu width
19
20	function togglePushy(){
21		body.toggleClass(pushyActiveClass); //toggle site overlay
22		pushy.toggleClass(pushyClass);
23		container.toggleClass(containerClass);
24		push.toggleClass(pushClass); //css class to add pushy capability
25	}
26
27	function openPushyFallback(){
28		body.addClass(pushyActiveClass);
29		pushy.animate({left: "0px"}, menuSpeed);
30		container.animate({left: menuWidth}, menuSpeed);
31		push.animate({left: menuWidth}, menuSpeed); //css class to add pushy capability
32	}
33
34	function closePushyFallback(){
35		body.removeClass(pushyActiveClass);
36		pushy.animate({left: "-" + menuWidth}, menuSpeed);
37		container.animate({left: "0px"}, menuSpeed);
38		push.animate({left: "0px"}, menuSpeed); //css class to add pushy capability
39	}
40
41	//toggle menu
42	menuBtn.click(function() {
43		togglePushy();
44	});
45	//close menu when clicking site overlay
46	siteOverlay.click(function(){ 
47		togglePushy();
48	});
49
50	/** /
51	if(Modernizr.csstransforms3d){
52		//toggle menu
53		menuBtn.click(function() {
54			togglePushy();
55		});
56		//close menu when clicking site overlay
57		siteOverlay.click(function(){ 
58			togglePushy();
59		});
60	}else{
61	/** /
62		//jQuery fallback
63		pushy.css({left: "-" + menuWidth}); //hide menu by default
64		container.css({"overflow-x": "hidden"}); //fixes IE scrollbar issue
65
66		//keep track of menu state (open/close)
67		var state = true;
68
69		//toggle menu
70		menuBtn.click(function() {
71			if (state) {
72				openPushyFallback();
73				state = false;
74			} else {
75				closePushyFallback();
76				state = true;
77			}
78		});
79
80		//close menu when clicking site overlay
81		siteOverlay.click(function(){ 
82			if (state) {
83				openPushyFallback();
84				state = false;
85			} else {
86				closePushyFallback();
87				state = true;
88			}
89		});
90	/** /
91	}
92	/**/
93});