Спойлеры не открываются (SlideToggle, JS)
Ошибка которую выдает местный компилятор: 
Сама функция находится в конце первого файла
$(document).ready(function() {
$(window).scroll(function(event) {
var s=$(this).scrollTop();
var w=$(this).outerWidth();
var h=$('.content').outerHeight();
var h_b=$('.parallax').outerHeight();
var p = s/h*100;
var p_b = s/h_b*100;
var o = 1-1/100*p_b;
var z_1=1+(w/10000*p_b);
$('.parallax__fog').css('opacity',o);
$('.parallax__fog').css('transform','scale('+z_1+')');
var z_2=1+(w/5000000*p);
$('.parallax__montain_1').css('transform','scale('+z_2+')');
var hr=w/2000*p_b;
var z_3=1+(w*0.000005*p_b);
$('.parallax__montain_2').css('transform','translate3d('+hr+'px,0,0) scale('+z_3+')');
var hr_2=w/1500*p_b;
var z_4=1+(w*0.00001*p_b);
$('.parallax__montain_3').css('transform','translate3d('+hr_2+'px,0,0) scale('+z_4+')');
});
// Спойлер
$('.block_title').click(function() {
$(this).toggleClass('active').next('.block_text').slideToggle(300);
});
});*,*:before,*:after{
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
}
html,body{
height: 100%;
}
body{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.wrapper {
width: 100%;
min-height: 100%;
overflow: hidden;
}
.page {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.parallax {
position: relative;
height: 100%;
}
.parallax__montain {
position: fixed;
width: 100%;
height: 100px;
top: 0;
left: 0;
}
.parallax__montain_1 {
background: url('/img/centr.jpg') 0 0 / cover no-repeat /*center center fixed*/;
/* -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; */
min-height:100%;
}
.parallax__montain_2 {
z-index: 1;
background: url('/img/кшпре.png') bottom right / 45% no-repeat;
/* top: 100%; */
min-height:100%;
}
.parallax__montain_3 {
z-index: 1;
background: url('/img/left.png') bottom left / 45% no-repeat;
min-height:100%;
}
.parallax__fog {
background: url('/img/fog_1.png') bottom / 100% no-repeat;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 2;
}
.content {
position: relative;
}
.content__body {
max-width: 1170px;
margin: 0px auto;
}
.content__header {
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
padding: 0 20px;
}
.content__title {
font-size: 200px;
}
.content__subtitle {
font-size: 120px;
}
.content__article {
background-color: rgba(255,255,255,0.5);
padding: 25px;
font-size: 18px;
line-height: 24px;
}
.content__article p{
margin-bottom: 20px;
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 50;
background-color: burlywood;
}
.header:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-color: rgb(24, 110, 43); */
}
.container {
max-width: 1180px;
margin: 0 auto;
padding: 0 10px;
}
.header__body {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
height: 80px;
align-items: center;
}
.header__logo {
}
.header__burger {
display: none;
}
.header__menu {
}
/* АДАПТАЦИЯ БУРГЕР */
@media (max-width:767px){
.header__burger{
display: block;
position: relative;
width: 30px;
height: 20px;
}
.header__burger span{
position: absolute;
background-color: firebrick;
left: 0;
width: 100%;
height: 2px;
top: 9px;
}
.header__burger::before,
.header__burger::after{
content: '';
background-color: firebrick;
position: absolute;
width: 100%;
height: 2px;
left: 0;
}
.header__burger::before{
top: 0;
}
.header__burger::after{
bottom: 0;
}
}
.header__list {
display: flex;
}
.header__list li{
list-style: none;
margin: 0 0 0 30px;
text-decoration: none;
position: relative;
display: inline-block;
}
.header__link {
color: brown;
text-transform: uppercase;
font-size: 25px;
text-decoration: none;
display: inline-block;
}
img{
width: 80px;
height: 80px;
border-radius: 50%;
}
/* button=header__link_1 */
.header__link_1{
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
position: relative;
display: inline-block;
}
.header__link_1::before,
.header__link_1::after{
content: '';
position: absolute;
width: 100px;
height: 100px;
border: 2px solid red;
top: -10px;
left: 50%;
z-index: 1;
transition: 0.8s;
margin: 0px 0px 0px -40px;
}
.header__link_1::before{
animation: krug 10s infinite linear;
}
.header__link_1::after{
animation: krug 15s infinite linear;
}
.button_text{
position: relative;
height: 80px;
display: flex;
justify-content:center;
align-items: center;
padding: 0px 50px;
border-radius: 50px;
font-size: 24px;
text-transform: uppercase;
color: lawngreen;
letter-spacing: 5px;
transition: all 1s ease 0s;
top: 0;
overflow: hidden;
}
.button_text::before,
.button_text::after{
content: '';
position: absolute;
width: 50%;
height: 100%;
background-color: #fff;
/* border-radius: 50px; */
transition: all 0.8s ease 0s;
}
.button_text::before{
left: 0;
z-index: 2;
}
.button_text::after{
right: 0;
}
.button_text span{
position: absolute;
z-index: 2;
}
.header__link_1:hover::before,
.header__link_1:hover::after{
left: 100%;
opacity: 0;
}
.header__link_1:hover .button_text::before{
width: 100%;
}
.header__link_1:hover .button_text::before,
.header__link_1:hover .button_text::after{
background-color: rgb(65, 105, 225);
}
.header__link_1:hover .button_text{
top: -10px; /*Поднимает кнопку */
color: salmon;
transition: all 0.8s ease 0.2s;
box-shadow: 0.5px 0px 0 rgba(10, 95, 7, 0.363);
}
.header__link_1:hover .button_text::before{
width: 100%;
}
.header__link_1:active .button_text{
top: -7px;
transition: all 0.8s ease 0.2s;
box-shadow: 0.2px 0px 0 rgba(3, 224, 40, 0.513);
}
@keyframes krug{
0%{
transform:rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
/* Спойлеры */
.block{
z-index: 5;
position: relative;
/* z-index: 2;
display: flex;
justify-content: space-between; */
}
.block__item {
margin: 0px 0px 20px 0px;
}
.block_title {
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
padding: 0px 0px 0px 30px;
cursor: inherit;
cursor: pointer;
}
.block_title::before,
.block_title::after{
content: '';
width: 10px;
height: 1px;
background-color: #000;
position: absolute;
top: 8px;
}
.block_title::before{
transform: rotate(40deg);
left: 0;
}
.block_title::after{
transform: rotate(-40deg);
left: 8px;
}
.block_title.active::before,
.block_title.active::after{
background-color: rgb(255, 0, 0);
}
.block_text {
display: none;
padding: 10px 0px 0px 0px;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Parallax</title>
<link rel="stylesheet" href="/css/style.css">
<meta name="viewport" content="width=device-width">
</head>
<body>
<div class="wrapper">
<div class="page">
<div class="parallax">
<div class="parallax__montain parallax__montain_1"></div>
<div class="parallax__montain parallax__montain_2"></div>
<div class="parallax__montain parallax__montain_3"></div>
<div class="parallax__fog"></div>
</div>
<div class="content">
<header class="header">
<div class="container">
<div class="header__body">
<a href="#" class="header__logo">
<img src="/img/logo.jpg" alt="">
</a>
<div class="header__burger">
<span></span>
</div>
<nav class="header__menu">
<ul class="header__list">
<li>
<a href="" class="header__link header__link_1">
<span class="button_text">
<span>Menu</span>
</span>
</a>
</li>
<li>
<a href="" class="header__link header__link_1">
<span class="button_text">
<span>Menu</span>
</span>
</a>
</li>
<li>
<a href="" class="header__link header__link_1">
<span class="button_text">
<span>Menu</span>
</span>
</a>
</li>
<li>
<a href="" class="header__link header__link_1">
<span class="button_text">
<span>Menu</span>
</span>
</a>
</li>
<li>
<a href="" class="header__link header__link_1">
<span class="button_text">
<span>Menu</span>
</span>
</a>
</li>
<li>
<a href="" class="header__link header__link_1">
<span class="button_text">
<span>Menu</span>
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<div class="content__body">
<div class="content__header">
<h1 class="content__title">Hello</h1>
<h2 class="content__subtitle">City</h2>
</div>
<div class="content__article">
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Excepturi tempore velit in ratione. Incidunt necessitatibus soluta possimus dolor maiores aliquam quo in quos, eum ea adipisci reiciendis odit laborum! Commodi nemo eaque reprehenderit, magni sit unde facere corporis. Id ducimus facere nobis veniam a quasi ullam distinctio nulla, quidem esse magnam quis impedit sint itaque in voluptate enim voluptatum debitis velit? Sequi, non qui quam sapiente omnis voluptatum. Dolorum labore voluptate numquam quisquam, vero consequatur provident praesentium! Itaque accusantium commodi dignissimos distinctio in beatae pariatur, ipsum perferendis mollitia molestias voluptates et ad ex vel, placeat cupiditate, fuga sit dolores laboriosam? Dolor eum mollitia quas eaque dolore ducimus tempore accusamus aliquam error adipisci, ullam, placeat repudiandae quis eos? Suscipit nihil aperiam, ab quidem similique ipsum quasi nostrum velit nesciunt cupiditate. Officia ea, quasi voluptatibus error blanditiis quo explicabo voluptates doloribus aperiam perspiciatis quibusdam libero dolorum illo provident cum assumenda esse vel debitis facere harum modi? Laborum pariatur fugit quod perferendis reprehenderit corrupti ipsam sint, repellendus tempora libero tenetur animi illo ab soluta possimus nostrum cumque, qui harum reiciendis cupiditate veritatis voluptates voluptatem. Eveniet velit quod commodi labore dolore voluptate eos inventore voluptates officiis consequatur. Dolores sed iusto sequi sapiente, assumenda fugiat omnis repellendus, consequuntur praesentium ut aliquid voluptates? Nulla doloremque praesentium autem, pariatur temporibus numquam perferendis, inventore facilis, dolor ducimus est eaque corrupti sunt dicta totam quo aperiam facere cum repellendus harum. Pariatur impedit nesciunt laboriosam natus quaerat. Perspiciatis accusamus perferendis voluptatum, excepturi atque, repellendus praesentium ducimus suscipit libero provident cum deleniti nisi recusandae incidunt dolore aut veritatis ratione molestias commodi unde. Quia in voluptatibus qui possimus et culpa perspiciatis, quibusdam odit nemo, fugiat sequi dolorum aliquam recusandae optio modi obcaecati magnam natus nesciunt adipisci? Adipisci cupiditate, molestias commodi aspernatur excepturi iusto ratione consectetur aliquam nobis nihil at voluptatum recusandae, consequuntur, repudiandae assumenda sapiente! Possimus repellendus dolores officia deserunt labore magni rem natus delectus officiis dolor. Fugiat, id modi consequuntur et ratione suscipit provident obcaecati quia illum ipsum perferendis sed ducimus esse inventore. Saepe itaque laboriosam ut, nam cum placeat repellendus quam hic eligendi? Dignissimos eaque ratione impedit quibusdam exercitationem cum ullam temporibus non pariatur dolores quam aliquam officiis totam fugiat doloremque eum voluptas iusto, vitae eligendi? Aut dignissimos reprehenderit quos consectetur dolorem quam blanditiis perferendis maxime, provident esse id rerum quia ex nesciunt dolore ullam nulla aliquid sit voluptatibus quae facere? Consequuntur suscipit modi excepturi inventore consequatur nulla eum facere dolores, quasi non maxime veritatis, magni et, libero optio alias a minima! Natus blanditiis odio eos dolores veniam enim voluptate, ullam reiciendis praesentium saepe alias, non rerum maiores at cupiditate doloremque, labore nulla? Eaque maiores temporibus aliquam? Modi corporis quis omnis, nesciunt voluptatem praesentium alias in error suscipit unde ratione reprehenderit deserunt. Provident porro dolorum molestiae, at facilis consectetur tempore obcaecati delectus voluptate omnis eos minus dolorem iure dignissimos sunt. Ipsam aspernatur voluptatum sunt consequuntur doloribus! Suscipit aliquam reprehenderit quo architecto id voluptates, cum fugiat vero veritatis soluta consequuntur? Dolore distinctio perspiciatis quasi, ipsam possimus a neque laudantium accusamus. Officiis.
</p>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Excepturi tempore velit in ratione. Incidunt necessitatibus soluta possimus dolor maiores aliquam quo in quos, eum ea adipisci reiciendis odit laborum! Commodi nemo eaque reprehenderit, magni sit unde facere corporis. Id ducimus facere nobis veniam a quasi ullam distinctio nulla, quidem esse magnam quis impedit sint itaque in voluptate enim voluptatum debitis velit? Sequi, non qui quam sapiente omnis voluptatum. Dolorum labore voluptate numquam quisquam, vero consequatur provident praesentium! Itaque accusantium commodi dignissimos distinctio in beatae pariatur, ipsum perferendis mollitia molestias voluptates et ad ex vel, placeat cupiditate, fuga sit dolores laboriosam? Dolor eum mollitia quas eaque dolore ducimus tempore accusamus aliquam error adipisci, ullam, placeat repudiandae quis eos? Suscipit nihil aperiam, ab quidem similique ipsum quasi nostrum velit nesciunt cupiditate. Officia ea, quasi voluptatibus error blanditiis quo explicabo voluptates doloribus aperiam perspiciatis quibusdam libero dolorum illo provident cum assumenda esse vel debitis facere harum modi? Laborum pariatur fugit quod perferendis reprehenderit corrupti ipsam sint, repellendus tempora libero tenetur animi illo ab soluta possimus nostrum cumque, qui harum reiciendis cupiditate veritatis voluptates voluptatem. Eveniet velit quod commodi labore dolore voluptate eos inventore voluptates officiis consequatur. Dolores sed iusto sequi sapiente, assumenda fugiat omnis repellendus, consequuntur praesentium ut aliquid voluptates? Nulla doloremque praesentium autem, pariatur temporibus numquam perferendis, inventore facilis, dolor ducimus est eaque corrupti sunt dicta totam quo aperiam facere cum repellendus harum. Pariatur impedit nesciunt laboriosam natus quaerat. Perspiciatis accusamus perferendis voluptatum, excepturi atque, repellendus praesentium ducimus suscipit libero provident cum deleniti nisi recusandae incidunt dolore aut veritatis ratione molestias commodi unde. Quia in voluptatibus qui possimus et culpa perspiciatis, quibusdam odit nemo, fugiat sequi dolorum aliquam recusandae optio modi obcaecati magnam natus nesciunt adipisci? Adipisci cupiditate, molestias commodi aspernatur excepturi iusto ratione consectetur aliquam nobis nihil at voluptatum recusandae, consequuntur, repudiandae assumenda sapiente! Possimus repellendus dolores officia deserunt labore magni rem natus delectus officiis dolor. Fugiat, id modi consequuntur et ratione suscipit provident obcaecati quia illum ipsum perferendis sed ducimus esse inventore. Saepe itaque laboriosam ut, nam cum placeat repellendus quam hic eligendi? Dignissimos eaque ratione impedit quibusdam exercitationem cum ullam temporibus non pariatur dolores quam aliquam officiis totam fugiat doloremque eum voluptas iusto, vitae eligendi? Aut dignissimos reprehenderit quos consectetur dolorem quam blanditiis perferendis maxime, provident esse id rerum quia ex nesciunt dolore ullam nulla aliquid sit voluptatibus quae facere? Consequuntur suscipit modi excepturi inventore consequatur nulla eum facere dolores, quasi non maxime veritatis, magni et, libero optio alias a minima! Natus blanditiis odio eos dolores veniam enim voluptate, ullam reiciendis praesentium saepe alias, non rerum maiores at cupiditate doloremque, labore nulla? Eaque maiores temporibus aliquam? Modi corporis quis omnis, nesciunt voluptatem praesentium alias in error suscipit unde ratione reprehenderit deserunt. Provident porro dolorum molestiae, at facilis consectetur tempore obcaecati delectus voluptate omnis eos minus dolorem iure dignissimos sunt. Ipsam aspernatur voluptatum sunt consequuntur doloribus! Suscipit aliquam reprehenderit quo architecto id voluptates, cum fugiat vero veritatis soluta consequuntur? Dolore distinctio perspiciatis quasi, ipsam possimus a neque laudantium accusamus. Officiis.
</p>
<!-- СПОЙЛЕРЫ -->
<div class="block">
<div class="block__item">
<div class="block_title">ЗАголовок №1</div>
<div class="block_text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non sit distinctio cum quisquam atque unde.</div>
</div>
<div class="block__item">
<div class="block_title">ЗАголовок №2</div>
<div class="block_text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non sit distinctio cum quisquam atque unde.</div>
</div>
<div class="block__item">
<div class="block_title">ЗАголовок №3</div>
<div class="block_text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Non sit distinctio cum quisquam atque unde.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="/js/script.js"></script>
</body>
</html>