【bootstrap4】タブをクリックをしても動作をしない

前提・実現したいこと

bootstrap4で左側にサイドメニューを作成し、そのメニュー項目をクリックすることにより
右側にpdfを表示したい。

発生している問題・エラーメッセージ

サイドメニューをクリックしても、pdfが表示されない

該当のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="utf-8">
5  <title>〇〇ページ</title>
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7  <meta content="width=device-width, initial-scale=1.0" name="viewport">
8  <meta content="" name="keywords">
9  <meta content="" name="description">
10
11  <!-- Google Fonts -->
12  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">
13
14  <!-- Bootstrap CSS File 相対パスでCSSを指定している-->
15  <link href="../../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">　
16
17  <!-- Libraries CSS Files -->
18  <link href="../../lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
19  <link href="../../lib/animate/animate.min.css" rel="stylesheet">
20  <link href="../../lib/ionicons/css/ionicons.min.css" rel="stylesheet">
21  <link href="../../lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
22  <link href="../../lib/lightbox/css/lightbox.min.css" rel="stylesheet">
23
24  <!-- Main Stylesheet File -->
25  <link href="../../css/style.css" rel="stylesheet">
26
27  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
28
29</head>
30
31<body>
32
33  <!--==========================
34  Header
35  ============================-->
36  <header id="header">
37
38  </header><!-- #header -->
39
40  <!--==========================
41    Intro Section
42  ============================-->
43  <section id="intro" class="clearfix">
44    <div class="container">
45      <div class="row">
46        <div class="col-5">
47          <div class="intro-info">
48            <h2>〇〇ページ</h2>
49          </div>
50        </div>
51        <div class="col-7">
52      </div>
53      </div>
54    </div>
55  </section><!-- #intro -->
56
57  <!--==========================
58    申請系 Section
59  ============================-->
60  <section id="services">
61    <div class="row">
62      <div class="col-3 wow bounceInUp"data-wow-duration="1.4s">
63        <ul id="accordion_menu">
64          <li>
65            <a data-toggle="collapse" href="#menu01" aria-controls="#menu01" aria-expanded="false">〇〇</a>
66          </li>
67          <ul id="menu01" class="collapse" data-parent="#accordion_menu">
68            <ul class="nav flex-column">
69              <li class="nav-item">
70                <a href="#tab1" class="nav-link" data-toggle="tab">リンクサブメニュー1-1</a>
71              </li>
72              <li class="nav-item">
73                <a href="#tab2" class="nav-link" data-toggle="tab">リンクサブメニュー1-2</a>
74              </li>
75            </ul>
76          </ul>
77          <li>
78            <a data-toggle="collapse" href="#menu02" aria-controls="#menu02" aria-expanded="false">△△</a>
79          </li>
80          <ul id="menu02" class="collapse" data-parent="#accordion_menu">
81            <li class="nav-item">
82              <a href="#tab3" class="nav-link" data-toggle="tab">リンクサブメニュー2-1</a>
83            </li>
84            <li class="nav-item">
85              <a href="#tab4" class="nav-link" data-toggle="tab">リンクサブメニュー2-1</a>
86            </li>
87          </ul>
88          <li>
89            <a data-toggle="collapse" href="#menu03" aria-controls="#menu03" aria-expanded="false">☓☓</a>
90          </li>
91          <ul id="menu03" class="collapse" data-parent="#accordion_menu">
92            <li class="nav-item">
93              <a href="#tab5" class="nav-link" data-toggle="tab">リンクサブメニュー3-1</a>
94            </li>
95          </ul>
96        </ul>
97      </div>
98
99      <!--タブのコンテンツ部分-->
100      <div class="col-9">
101        <div class="tab-content">
102          <div id="tab1" class="tab-pane">
103            <object data="hoge.pdf" type="application/pdf"width=99% height="800" ></object>
104          </div>
105          <div id="tab2" class="tab-pane">
106            <object data="hogehoge.pdf" type="application/pdf"width=99% height="800" ></object>
107          </div>
108          <div id="tab3" class="tab-pane">
109            <object data="foo.pdf" type="application/pdf"width=99% height="800"></object>
110          </div>
111          <div id="tab4" class="tab-pane">
112            <object data="bar.pdf" type="application/pdf"width=99% height="800" ></object>
113          </div>
114          <div id="tab5" class="tab-pane">
115            <object data="piyo.pdf" type="application/pdf"width=99% height="800" ></object>
116          </div>
117        </div>
118      </div>
119
120    </div>
121  </section><!-- #services -->
122
123
124  <!-- JavaScript Libraries -->
125  <script src="../../lib/jquery/jquery-migrate.min.js"></script>
126  <script src="../../lib/bootstrap/js/bootstrap.bundle.min.js"></script>
127  <script src="../../lib/easing/easing.min.js"></script>
128  <script src="../../lib/mobile-nav/mobile-nav.js"></script>
129  <script src="../../lib/wow/wow.min.js"></script>
130  <script src="../../lib/waypoints/waypoints.min.js"></script>
131  <script src="../../lib/counterup/counterup.min.js"></script>
132  <script src="../../lib/owlcarousel/owl.carousel.min.js"></script>
133  <script src="../../lib/isotope/isotope.pkgd.min.js"></script>
134  <script src="../../lib/lightbox/js/lightbox.min.js"></script>
135  <!-- Contact Form JavaScript File -->
136  <script src="../../contactform/contactform.js"></script>
137
138  <!-- Template Main Javascript File -->
139  <script src="../../js/main.js"></script>
140
141</body>
142</html>
143