Javascript 在fullpage.js中隐藏节后浏览页面

我目前正在为我的应用程序使用fullPage.js（）。 我想根据选中的复选框隐藏和显示页面。如果选中复选框，则内容应显示，如果未选中，则内容应隐藏。我现在遇到的问题是，如果未选中

content#1

，页面将显示

firstPage

中的内容，但在url中有

secondPage

，因为它没有找到

secondPage

的内容，那么

thirdPage

和

fourthPage

将在我下一页时显示。有没有办法跳过隐藏的页面

<input class="checkbox" type="checkbox" data-target=".target1" checked/> Checkbox 1
<input class="checkbox" type="checkbox" data-target=".target2" checked/> Checkbox 2

<!-- firstPage -->
<div class="section">
  <p>
  Content on Page 1
  </p>
</div> 

<!-- secondPage -->
<div class="section target1">
  <p>
  show content #1 
  Content on Page 2
  </p>
</div>
<!-- thridPage -->
<div class="section target2">
  <p>
  show content #2
  Content on Page 3
  </p>
</div>
<!-- fourthPage -->
<div class="section target2">
  <p>
  Content on Page 4
  </p>
</div>

<script>
  $('.checkbox').change(function () {
    var target = $(this).data("target");
    $(target).toggle("show");
  });
<script>

JS小提琴：

  $('.constraint_entry').change(function () {
    if($(this).is(":checked")){
      $(target).addClass('fp-section');
    }
    else{
      $(target).removeClass('fp-section');
    }
  });