使訪問超級菜單，與焦點滑動的故障

Question

嗨，我想做一個無障礙的巨型菜單。我可以讓下拉菜單在懸停時顯示正常，但當用戶沒有鼠標時，即鏈接聚焦時，我也需要它來滑動。你可以嘗試這個，如果你點擊小提琴結果框：http://jsfiddle.net/Dcws6/1/並按ALT +標籤（safari）選項卡（窗口）。我的jquery一定有什麼問題，但我不能在我的生活中弄明白。

我試圖做的另一件事是確保一個動畫在下一個動畫完成之前完成，也就是說，當您將鼠標懸停在「關於我們」上，然後在等待「我們」下拉菜單等待「它幻燈片下降'畫廊'下拉。

感謝

Answer 1

重點是鏈接，而不是包含它的div。

$('.drop a').focus(
function() { 
    $(this).closest("li").find('div.nav-container').stop(true, true).delay(500).slideDown('slow'); 
}); 
$('.drop a').blur(
function() { 
    $(this).closest("li").find('div.nav-container').stop(true, true).delay(500).slideUp('slow'); 
});​ 

DEMO