多级下拉问题

Question

我有一个到目前为止可以使用的多级下拉菜单。我的问题如下：

• 我单击下拉菜单1中的内容
• 我从下拉菜单1中单击一个子菜单
• 我在下拉菜单2中单击了一些内容
• 我再次单击下拉菜单1中的内容->现在，下拉菜单1中的所有子菜单仍处于打开状态。

这是我的代码：

 $(document).ready(function(){
    $('.dropdown-submenu a.test').on("click", function(e){
    $(this).parent().parent().find('.dropdown-menu').hide();
    $(this).next('ul').toggle();
    e.stopPropagation();
    e.preventDefault();
  });
});

我该怎么做，当我单击其他菜单时，多级下拉列表中打开的子树始终关闭？