https://rantcell.com/js/simpleMobileMenu.js

1(function ( $ ) {
2 
3    $.fn.smplmnu = function(options) {
4
5    	//settings
6    	var settings = $.extend({
7            // These are the defaults.
8            background: "#000000",
9            speed: "0.5s",
10            textColor: "#fff"
11        }, options );
12
13
14    	//vars
15    	var hittrigger = $(this);
16    	var clspos = hittrigger.next('ul');
17    	var menutextcolor = hittrigger.next('ul li a');
18    	var overllay = '<div class="overally"></div>';
19
20    	//manipulating dom
21    	hittrigger.addClass('inrwrpr');
22    	clspos.addClass('inrwrpr');
23    	$('.inrwrpr').wrapAll( "<div class='navwrp'>" );
24    	clspos.prepend('<a href="javascript:void(0)" class="mnuclose ion-close-round"><span>X</span></a>');
25    	$('body').prepend(overllay);
26    	
27 		
28 		//functions and methods
29        hittrigger.click(function(event){
30			hittrigger.next('ul').addClass('mobimenu');
31		    $('.mobimenu').addClass('mnuopn');
32		    $('.mnuopn').css({
33		    	'z-index': '9999',
34		    	'background-color': settings.background,
35		    	'transition': settings.speed
36		    });
37		    $('.mnuopn a').css({
38		    	'color': settings.textColor
39		    });
40		    $('.overally').addClass('ovrActv');
41		});
42
43        $('.mnuclose').click(function(event) {
44			hittrigger.next('ul').removeClass('mnuopn');
45			$('.overally').removeClass('ovrActv');
46		});
47
48		$('.overally').click(function(event) {
49			clspos.removeClass('mnuopn');
50			$(this).removeClass('ovrActv')
51		});
52
53		return this				
54 
55    };
56 
57}( jQuery ));