Баг в Dropdown menu на телефоне

[Kenshi24]

Есть простой JQuery скрипт для выпадающего меню, все просто наводишь мышкой - выпадает, убираешь мышку - исчезает. На моем планшете есть баг, меню не исчезает если тыкнуть в другую часть экрана. Как можно исправить?

$(document).ready(function() {	$('.nav > li').bind('mouseover', openSubMenu);	$('.nav > li').bind('mouseout', closeSubMenu);	function openSubMenu() {		$(this).find('ul').addClass('focus');		};	function closeSubMenu() {		$(this).find('ul').removeClass('focus');		};			});

Edited February 13, 2015 by Kenshi24

[raptor-dm]

 

Есть простой JQuery скрипт для выпадающего меню, все просто наводишь мышкой - выпадает, убираешь мышку - исчезает. На моем планшете есть баг, меню не исчезает если тыкнуть в другую часть экрана. Как можно исправить?

$(document).ready(function() {	$('.nav > li').bind('mouseover', openSubMenu);	$('.nav > li').bind('mouseout', closeSubMenu);	function openSubMenu() {		$(this).find('ul').addClass('focus');		};	function closeSubMenu() {		$(this).find('ul').removeClass('focus');		};			});

а разве у планшетов есть ховеры? сделайте для планшетов меню выпадающее по клику. Да и наведение можно сделать на чистом css. 

Edited February 14, 2015 by raptor-dm

[Kenshi24]

Проблема в том, что если сделать так чтобы меню убиралось по клику в любом месте экрана, то оно будет убираться также по клику на самом меню

[raptor-dm]

выложите все в песочницу