jQuery 菜单展开折叠

Question

当我点击菜单时，它会打开和关闭。它工作得很好。但在这里我想补充一件事。当我点击 Body 时，Child UL 菜单折叠/关闭。

并且还添加了活动/删除类。

$("#menu > li > a").on("click", function(e) {
    if ($(this).parent().has("ul")) {
      e.preventDefault();
    }
    if (!$(this).hasClass("open")) {
 
      $("#menu li ul").slideUp(90);
      $("#menu li a").removeClass("open");

      $(this).next("ul").slideDown(90);
      $(this).addClass("open");
    } else if ($(this).hasClass("open")) {
      $(this).removeClass("open");
      $(this).next("ul").slideUp(90);
    }
 });