使访问超级菜单，与焦点滑动的故障

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