Jquery 在刷新页面上继续显示隐藏的div

所以我有几个隐藏的div，比如说：

<div id="1">
  this is div 1
  <a class="btn" href="#2">Next</p>
</div>
<div id="2">
  this is div 2
  <a class="btn" href="#3">Next</p>
</div>
<div id="3">
  this is div 3
  <a class="btn" href="#1">Next</p>
</div>

我是第一组
下一个

我是二组
下一个

我是第三组
下一个

默认情况下，将显示div1，而将隐藏div2和div3。如果我点击锚点，它会将一个div id附加到url并显示该div。例如，app/page#2将显示div2。我遇到的问题是，当我用示例url刷新页面时，将显示div1而不是div2。我想我可以通过编写jquery函数来修改url和页面后显示的任何div来解决这个问题。然而，我认为jquery将支持一种更简单的方法来处理这个问题。有人介意证实我的想法吗？多谢各位

var hash = window.location.hash;
$('#1').hide();
$('#'+hash).show();

---

我想这不是Cookie的角色吗？使用会话或Cookie。您还可以使用javascript控制浏览器状态和历史记录