manually added pull request from origin codrops#22

Author: rejas

js/jquery.dlmenu.js

@@ -76,13 +76,13 @@
 			this.open = false;
 			this.$trigger = this.$el.children( '.dl-trigger' );
 			this.$menu = this.$el.children( 'ul.dl-menu' );
-			this.$menuitems = this.$menu.find( 'li:not(.dl-back)' );
+            this.$menu.hide();
+            this.$el.css('z-index', '9999');
 			this.$el.find( 'ul.dl-submenu' ).prepend( '<li class="dl-back"><a href="#">' + this.options.backLabel + '</a></li>' );
-			this.$back = this.$menu.find( 'li.dl-back' );
 
 			// Set the label text for the back link.
 			if (this.options.useActiveItemAsBackLabel) {
-				this.$back.each(function() {
+                this.$menu.find( 'li.dl-back' ).each(function() {
 					var $this = $(this),
 						parentLabel = $this.parents('li:first').find('a:first').text();
 
@@ -113,12 +113,11 @@
 					$body.off( 'click' ).children().on( 'click.dlmenu', function() {
 						self._closeMenu() ;
 					} );
-
 				}
 				return false;
 			} );
 
-			this.$menuitems.on( 'click.dlmenu', function( event ) {
+			this.$menu.on( 'click.dlmenu', 'li:not(.dl-back)', function( event ) {
 
 				event.stopPropagation();
 
@@ -158,7 +157,7 @@
 
 			} );
 
-			this.$back.on( 'click.dlmenu', function( event ) {
+            this.$menu.on( 'click.dlmenu', 'li.dl-back', function( event ) {
 
 				var $this = $( this ),
 					$submenu = $this.parents( 'ul.dl-submenu:first' ),
@@ -219,6 +218,7 @@
 			else {
 				onTransitionEndFn.call();
 			}
+            this.$menu.hide();
 
 			this.open = false;
 		},
@@ -229,6 +229,9 @@
 		},
 		_openMenu : function() {
 			var self = this;
+
+            this.$menu.show();
+
 			// clicking somewhere else makes the menu close
 			$body.off( 'click' ).on( 'click.dlmenu', function() {
 				self._closeMenu() ;
@@ -242,7 +245,7 @@
 		// resets the menu to its original state (first level of options)
 		_resetMenu : function() {
 			this.$menu.removeClass( 'dl-subview' );
-			this.$menuitems.removeClass( 'dl-subview dl-subviewopen' );
+            this.$menu.find( 'li:not(.dl-back)' ).removeClass( 'dl-subview dl-subviewopen' );
 		}
 	};