【fullpage.js】ナビゲーションの表示

実現したいこと

fullpage.jsを使ってレイアウトを作成しています。

発生している問題・分からないこと

navigationを表示したいのですが、なぜか表示されません。
3系と4系は有料らしいので、無料の2系で使用しているのですが、有料じゃないとできないのでしょうか？

該当のソースコード

html
1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<title></title>
7	<link rel="stylesheet" href="css/destyle.css"> 
8	<link rel="stylesheet" type="text/css" href="css/style.css">
9	<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script>
10</head>
11<body>
12<a href="#footer" class="button">Footer</a>
13<div id="fullpage">
14  <div class="section">Section 1</div>
15  <div class="section">
16    <p>This is a very long text</p>
17    <p>This is a very long text</p>
18    <!-- <p>This is a very long text</p>
19    <p>This is a very long text</p>
20    <p>This is a very long text</p>
21    <p>This is a very long text</p>
22    <p>This is a very long text</p> -->
23
24  </div>
25  <div class="section">Section 3</div>
26  <div class="section">Section 4</div>
27  <div class="section">Section 4</div>
28  <div class="section">Section 4</div>
29  <div class="section">Section 4</div>
30  <div class="section">Section 4</div>
31</div>
32<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/vendors/scrolloverflow.min.js"></script> -->
33<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.5/jquery.fullpage.js"></script>
34<script type="text/javascript" src="js/javascript.js"></script>
35</body>
36</html>

css
1@charset "utf-8";
2
3.section{
4    font-size: 6em;
5    text-align: center;
6    font-family: arial;
7    font-weight: bold;
8}
9
10
11#fp-nav ul li a span{
12  background: white;
13}
14
15.button{
16  position: fixed;
17  top:40px;
18  left: 40px;
19  z-index: 999;
20  background: white;
21  border-radius: 10px;
22  padding: 10px;
23}

JavaScript
1 // new fullpage('#fullpage', {
2 //   anchors: ['home', 'about-us', 'page3', 'footer'],
3 //   sectionsColor: ['red', 'orange', 'blue', 'yellow'],
4 //   navigation: true,
5 // });
6
7jQuery(function () {
8  jQuery("#fullpage").fullpage({
9    scrollOverflow: true,
10    // anchors: ['home', 'about-us', 'page3', 'footer'],//各要素にidを入れる
11    sectionsColor: ['red', 'orange', 'blue', 'yellow', 'red', 'orange', 'blue', 'yellow'],
12    navigation: true,
13    //navigationTooltips: ['firstSlide', 'secondSlide'],
14    responsiveWidth: 900
15  });
16});