Отображение меню при перемещении мыши - оставайтесь при наведении мыши

Question

У меня есть меню, которое отображается только при перемещении мыши. Я хочу, чтобы он оставался отображаемым при наведении курсора мыши на область меню.

На данный момент у меня есть следующий код, но я не уверен, как изменить его в соответствии с моими потребностями.

var timer;
$("html").on('mousemove', function() {
$('nav').addClass('show');
try {
    clearTimeout(timer);
} catch (e) {}
timer = setTimeout(function() {
    $('nav').removeClass('show');
}, 2000);
});

Спасибо

Answer 1

Возможно, это не самый лучший способ, но результат можно получить с помощью оператора if:

var timer;
$("html").on('mousemove', function() {
$('nav').addClass('show');
try {
    clearTimeout(timer);
} catch (e) {}

if ($('nav:hover').length != 0) {
}else
timer = setTimeout(function() {
    $('nav').removeClass('show');
}, 2000);
});