Javascript div隐藏/显示和浏览器后退按钮支持

我有一个内置mvc razor视图的调查页面，该视图包含许多基于上一个/下一个响应在内部管理显示/隐藏的div

下面是我用来显示/隐藏每个div的逻辑

首先，我为每个div或页面创建了一种枚举

var SurveyPages = new
{
    WelCome = 0,
    PageA = 1,
    PageB = 2,
    PageC = 3
};

现在，每个div包含提交按钮，它将加载下一页，还有一个返回按钮，它将返回上一页，这里的逻辑非常简单

我的任务： 现在我必须支持浏览器的back/forward按钮点击来处理这个div，这是一个真正具有挑战性的部分，因为我在这里没有路由，它只是简单的div show/hide

到目前为止我尝试了什么？我已经使用java脚本popstate事件加载下一页/上一页，它有点起作用，但我的逻辑不起作用，因为我的JavaScript函数不知道该请求来自何处以及显示或隐藏哪个div。在我现有的代码中，它是通过函数参数来管理的。像

onclick="return loadNext('@SurveyPages.PageA')" // for next div
onclick="return loadPrevious('@SurveyPages.PageA')" // for previous div

我现在在想什么来解决这个问题？我可能可以更新我的代码，创建某种基于id或#的路由，并使用它加载数据，但这会有很多变化，所以暂时不要放弃

如果您有更好的解决方案或想法，请帮助我。谢谢