在 ForEach 中等待每个元素的执行之间，如何？

如何解决在 ForEach 中等待每个元素的执行之间，如何？

我试图让 NodeList 中的元素一个接一个地出现（将动画作为一个类），并且在它们出现之间有一个等待时间。所以我的代码是：

function toggleMenu(event) {
    const menu = event.currentTarget.querySelector('.dropdown-menu-div');
    const menuItems = menu.querySelectorAll('.menu-item');
    menuItems.forEach((item) => {
      // Wait 0.3 seconds then apply to the next element the following
      item.style.display = item.style.display === 'none' ? 'block' : 'none';
      item.classList.toggle('appear'); // plays animation
    });
  }

我似乎无法弄清楚如何实现它。我尝试使用 Async/Timeout，但我所做的只是延迟所有这些的出现。然后他们一起出现。我希望它们一个接一个地出现。

（顺便说一下，我知道 question/answer 上有对此的解释，但我真的不知道如何在这里实现它 ）

无论如何，谢谢你的帮助！