Temat: jQuery rozwijane menu na telefonach

// media query event handler
		if (matchMedia) {
			var mq = window.matchMedia("(max-width: 759px)");
			mq.addListener(WidthChange);
			WidthChange(mq);
		}

		// media query change
		function WidthChange(mq) {

			if (mq.matches) {
				$('.main-nav > ul > li.menu-item-has-children > a').on('click',function(e){
						e.preventDefault();
						$this = $(this);
						ul = $($this).next('ul');
						ul.slideToggle();
						return false;
					
				});
			}
			else {
					$('.main-nav > ul > li ul').slideUp();
			}

		}

setTimeout(function(){
	$('.main-nav > ul > li.menu-item-has-children > a').on('click',function(e){
		if ($(window).width() < 760) {
			e.preventDefault();
			$(this).find('.sub-menu').slideToggle();
			return;
		}
	});
	$('.main-nav > ul > li ul').slideUp();
}, 300);

setTimeout(function(){
	$('.main-nav > ul > li.menu-item-has-children > a').on('click',function(e){
		if ($(window).width() < 760) {
			e.preventDefault();
			$(this).next('ul').slideToggle();
			return;
		}
	});
	
}, 300);

$(window).on('resize',function(){
	if ($(window).width() > 759) {
		$('.main-nav > ul > li ul').hide();
	};
});