mobile-menu

mobile-menu.html

<script>
(function($){
	var isMobile = {
	    Android: function() {
	        return navigator.userAgent.match(/Android/i);
	    },
	    BlackBerry: function() {
	        return navigator.userAgent.match(/BlackBerry/i);
	    },
	    iOS: function() {
	        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
	    },
	    Opera: function() {
	        return navigator.userAgent.match(/Opera Mini/i);
	    },
	    Windows: function() {
	        return navigator.userAgent.match(/IEMobile/i);
	    },
	    any: function() {
	        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
	    }
	};

	$(document).ready(function(){
		$('.menu-item.has-children > a').click(function(evt){
			if( ! isMobile.any() ){
				return true;
			}

			$('#header ul.menu-main ul.sub-menu.active').removeClass( 'active' );

			var submenu = $(this).next('.sub-menu');
			submenu.toggleClass('active');

		});
	});
}(jQuery))
</script>
<style>
.menu-main li.menu-item-has-children > ul.sub-menu.active {
    display: block;
    visibility: visible;
    opacity: 1;
}
</style>