使用向上和向下箭头浏览子菜单

Question

使用 Tab 打开主菜单后使用向上和向下箭头浏览子菜单，然后使用 Shift Tab 导航回主菜单

我尝试过以下jQuery：

if (e.keyCode == 40) {
  if ($('li').is(':focus')) {
    $("li:focus").next().focus();
  }

结果是主菜单的焦点按下向下键传递到子菜单，但子菜单突然关闭。

这是CodePen link。