Html 下拉子菜单打开时与主菜单重叠，并带有“后退”按钮

我恳请您提供帮助，我希望子菜单以幻灯片的形式在下拉垂直菜单中的同一屏幕重叠中打开，因为我有许多行和子菜单要插入，并在子菜单重叠时使用“上一步”按钮返回

它们不必像现在一样以级联方式打开，也不必横向打开，但当我单击car时，子菜单必须与主菜单完全重叠，然后使用后退按钮返回菜单go，可以吗？ 后退按钮对我不起作用

---

我希望子菜单打开页面，然后相互重叠，并使用后退按钮返回菜单

var dropdown=document.getElementsByClassName（“dropdown btn”）；
var i；
对于（i=0；i

.sidenav{
高度：250px；
宽度：300px；
z指数：1；
顶部：200px；
左：0；
背景色：#444；
溢出x：隐藏；
填充顶部：20px；
}
.侧导航a，
.下拉列表{
填充：14px 8px 6px 16px；
文字装饰：无；
字号：17px；
颜色：#8c8c8c；
显示：块；
边界：无；
背景：无；
宽度：100%；
文本对齐：左对齐；
光标：指针；
大纲：无；
左边距：2倍；
}
.侧导航a:悬停，
.下拉列表btn:悬停{
颜色：#f1f1；
背景:#555；
左边框：3倍实心#f1d120；
左边距：-1px；
}
梅因先生{
边缘顶部：-460像素；
左边距：310px；
字体大小：20px；
填充：10px 50px；
}
.主动{
背景颜色：灰色；
颜色：白色；
}
.下拉式容器{
显示：无；
背景色：#4c；
左侧填充：8px；
}

Car





后退

提供在线代码片段，以便我们可以方便地为您提供帮助。我希望子菜单打开到页面，然后相互重叠，并使用后退按钮返回菜单