需要使用Vanilla Javascript隐藏/显示子菜单

隐藏/显示子菜单可以使用Vanilla JavaScript来实现。Vanilla JavaScript是指纯粹的JavaScript，不依赖于任何框架或库。

要隐藏/显示子菜单，可以通过以下步骤实现：

1. 首先，为父菜单添加一个事件监听器，以便在点击时触发相应的操作。

const parentMenu = document.querySelector('.parent-menu');
parentMenu.addEventListener('click', toggleSubMenu);

1. 在事件处理函数toggleSubMenu中，切换子菜单的显示状态。可以通过添加/移除CSS类来实现。

function toggleSubMenu() {
  const subMenu = document.querySelector('.sub-menu');
  subMenu.classList.toggle('show');
}

1. 在CSS中定义.show类，用于显示子菜单。

.sub-menu {
  display: none;
}

.show {
  display: block;
}

这样，当点击父菜单时，子菜单的显示状态将会切换。

关于Vanilla JavaScript隐藏/显示子菜单的示例代码和效果，您可以参考以下链接：

Vanilla JavaScript隐藏/显示子菜单示例

请注意，以上示例代码仅为演示目的，实际应用中可能需要根据具体情况进行适当的修改和调整。