Смена hover на click при скрытии меню

[Eliot456]

Здравствуйте. Сделал меню с вложенным подменю. Вложенное подменю выплывает при наведении на пункт меню:

$('nav > ul > li').each(function(indx, elem){
		    	$(elem).hover(function(){
		    		$('ul', this).stop(true, true).slideDown(100);
		    	},
		    	function(){
					$('ul', this).stop(true, true).slideUp(100);
				})
		    })

На планшетах и мобильниках, меню находится в скрытом состоянии и появляется при клике на иконку (все пункты расположены в столбик). Как сделать чтобы при таком состоянии меню, подменю появлялось по клику, а не по ховеру?

[Coriolan161]

Eliot456,
Есть нативный window.matchMedia(...). Делаешь:

if (window.matchMedia("(max-width: 768px)").matches) {
    // обработчики клика
 } else { // это для примера - дополнительно нужно продолжить ветвление для больших экранов, то бишь ещё несколько matchMedia
   // обработчики ховера
}

С какого устройства зайдет, такие обработчики на событие и повесятся