设计一个前端组件，实现一个可折叠的菜单，要求支持多级菜单和动画效果。

答题要点

推荐答题框架：使用 STAR 法则，先说明任务（Task），再阐述行动（Action）和结果（Result）。关键要点如下：1. 任务：设计一个可折叠的多级菜单组件。2. 行动：使用 HTML 构建菜单结构，CSS 实现样式和动画效果，JavaScript 实现交互逻辑。3. 交互逻辑：点击菜单选项时，展开或折叠子菜单。4. 结果：实现一个美观、易用的菜单组件。示例思路：首先用 HTML 搭建菜单的基本结构，然后用 CSS 设计样式和动画，最后用 JavaScript 实现点击展开和折叠的功能。例如，当点击一级菜单时，通过 JavaScript 改变子菜单的显示状态，同时配合 CSS 动画，让展开和折叠更流畅。