スライダーの関数が動かない

お手本通りに書いているはずのコードが動きません。
animate()を関数化すると動かなくなります。コンソールエラーはありません。

html
1<!DOCTYPE html>
2<html lang="ja" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <script
6  src="https://code.jquery.com/jquery-3.4.1.min.js"
7  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
8  crossorigin="anonymous"></script>
9  <link rel="stylesheet" href="style.css">
10    <title></title>
11  </head>
12  <body>
13<div class="slider">
14  <div class="slideSet">
15    <div class="slide"></div>
16    <div class="slide"></div>
17    <div class="slide"></div>
18    <div class="slide"></div>
19  </div>
20</div>
21<script src="script.js">
22
23  </script>
24  </body>
25</html>
26

css
1
2.slider .slide {
3  width: 498px;
4  height: 198px;
5  border: 1px solid #f00;
6  float: left;
7}
8.slider {
9  width: 500px;
10  height: 200px;
11  overflow: hidden;
12  position: relative;
13}
14.slider .slideSet{
15  position: absolute;
16}

jquery
1$(function(){
2
3  var slideWidth = $('.slide').outerWidth(); // .slideの幅を取得して代入
4  var slideNum = $('.slide').length;  // .slideの数を取得して代入
5  var slideSetWidth = slideWidth * slideNum; // .slideの幅×数で求めた値を代入
6$('.slideSet').css('width', slideSetWidth); // .slideSetのスタイルシートにwidth: slideSetWidthを指定
7
8
9// アニメーションを実行する独自関数
10var sliding = function(){
11  $('.slideSet').animate({
12    left: -slideWidth
13  });
14}
15
16});
17