не в состоянии перейти в подменю, пространство между меню и подменю

Question

У меня есть две рабочие сайты и добавил эффект перехода CSS3 в меню

Я stucked в один вопрос, я не в состоянии перейти к подменю. при наведении курсора мыши на меню «нашей программы», после это поведение сайтов

http://localhosting.asia/slimagain/

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

http://localhosting.asia/slimagain1/

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

Оба навигационного кода похожи, нет специального кода для пробела.

Answer 1

Я могу решить мою проблему, это было из-за неправильного значения верхней части подменю.

Answer 2

Ну, так как это отмечено jQuery, сделайте это с помощью jQuery и добавьте некоторую задержку, прежде чем скрывать меню. :) Что-то вроде этого:

var ddTimer; 
$(document).on('mouseenter','#navigation > li', function() { 
    $('.sub-menu').hide(); 
    clearTimeout(ddTimer); 
    $(this).find('.sub-menu').show(); 
}).on('mouseleave','#navigation > li', function() { 
    var $dropdown = $(this).find('.sub-menu'); 
    ddTimer = setTimeout(function() { 
     $dropdown.hide(); 
    },500); 
}).on('mouseenter','.sub-menu', function() { 
    clearTimeout(ddTimer); 
});