anavdesign
4/22/2016 - 3:38 AM

JS: Off-Canvas Navigation

JS: Off-Canvas Navigation

/*
 * Off-Canvas Navigation
 */

(function ($) {
	$(function() {

		// Toggle Mobile Navigation and Overlay
		$('.mobile-nav-controls').click(function() {
			$('html').toggleClass('js-nav-open');
		});

		// Toggle Mobile Navigation Expanded Menus
		$('<span class=js-menu-toggle />')
			.insertAfter('#mobile-nav li > ul')
			.click(function() {
				$(this).parent().toggleClass('js-menu-open');
			});

		// Hide Mobile Menu On Page reszie
		// $(window).resize(function() {
		// 	$('html').removeClass('js-nav-open');
		// 	$('#mobile-nav li').removeClass('js-menu-open');
		// });

    });
})(jQuery);