Javascript 有待解决的CSS问题

关于CSS，我有以下问题

有两个部分

A） 菜单-桌面

B） 菜单-手机 请给我这个解决方案的代码

A） 菜单-桌面

子菜单对齐-在菜单项下，对齐，因此没有子菜单可以滑出屏幕（当前向右滑动，子菜单显示屏幕）

B） 菜单-移动子菜单

菜单项文本应展开子菜单-即单击“关于我们”，子菜单展开（关于我们、评论、联系人等）

重新单击菜单项（“关于我们”）将折叠子菜单。因此，单击另一个子菜单项（“服务”）将折叠第一个子菜单并展开服务-一次只展开一个子菜单

子菜单对齐-在菜单项下，对齐，因此没有子菜单可以滑出屏幕（当前向右滑动，子菜单显示屏幕）

style.css:1145

：-删除左侧的填充

.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}

---

谢谢这个。。。现在请解决移动菜单issues@graphypro请重新表述您的手机问题，因为我不明白您的意思。1）当我单击图标上的“AboutUs”时，子菜单应显示2）当我单击另一个子菜单时，第一个子菜单部分应自行关闭，即一次只能打开一个子菜单。。这不是一个“免费为我做我的工作”的网站。我可以做到，但面临的问题。。你能帮我解决吗？