jquery - 制作可访问的大型菜单，焦点上的滑动问题

Question

您好，我正在尝试制作一个可访问的大型菜单。我可以让下拉菜单在悬停时正常​​显示，但是当用户没有鼠标时，即当链接获得焦点时，我还需要它来滑动。如果您单击小提琴结果框架，您可以尝试此操作：http: //jsfiddle.net/Dcws6/1/并按 alt+tab (safari) tab (windows)。我的 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');
});​

演示