Javascript 如何使用history.js？

我想存储点击按钮的历史记录，这样，如果有人按下后退按钮，它将很容易进入前一个状态。我了解了history.js，并对其进行了研究，但我不知道我如何在我的场景中实际实现它

我正在使用的JS文件：

<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/jquery.history.js"></script>

<div class="start-button">
<img src="img/start-button.png" id="start-button">
</div>
<div class="home-menu">
<ul>
<li id="first"><span>first</span></li>
<li id="second"><span>second</span></li>
<li id="third"><span>third</span></li>
<li id="fourth"><span>fourth</span></li>
</ul>
</div>
<div class="main">
<div class="text">
some dummy text
</div>
<div class="back-btn">
<img src="img/back-btn.png" id="back-btn">
</div>

$(document).ready(function(e){
$("#start-button").click(function(e){
$('.start-button').css("display", "none");
$('.home-menu').show();
});
$("#first").click(function(e){
$('.main').show();
$('.home-menu').hide();
});
});