Mouseenter 和 Mouseleave 下拉菜单

Question

我试图让这个下拉菜单在鼠标为 hover 时显示子菜单，并在子菜单顶部保持 hover ，但是当鼠标离开时，我希望它隐藏它。

以下链接，我只能将javascript更改为mouseenter，但我不知道如何创建mouseleave function。

对于任何知道如何编码的人来说，这可能非常容易，但我不会:(

这是链接： https://codepen.io/ok2ju/pen/MwyvWY

这是代码：

document.querySelector('.mini-photo-wrapper').addEventListener('mouseenter', function() {
  document.querySelector('.menu-container').classList.toggle('active');
});