Question

您好，我正在尝试制作一个可访问的超级菜单。我可以让下拉菜单在悬停时显示正常，但是当用户没有鼠标时，即当链接被聚焦时，我还需要它以slideDown。如果单击小提示结果框：http://jsfiddle.net/Dcws6/1/并按alt + tab（safari）选项卡（窗口），则可以尝试此操作。我的jquery肯定有问题，但我不能为我的生活搞清楚。

我要做的另一件事是确保一个动画在下一个动画结束之前完成，即当你将鼠标悬停在“关于我们”之后然后鼠标移过画廊它等待“关于我们”下拉菜单之前滑动它slidesDown'gallery'下拉列表。

由于

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

制作可访问的超级菜单，焦点上的slideDown有问题

1 个答案: