無法導航到子菜單，菜單和子菜單

Question

之間的空間，我有兩個工作點，並添加菜單

我stucked到一個問題CSS3過渡效果，我不能夠導航到子菜單。當鼠標在菜單「我們的計劃」，下面就爲網站

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); 
});