jQuery「slick」プラグインがIE11で動かない

「slick」プラグインでスライドショーを導入したところ
CromeやEdgeでは問題なく作動するのですが、
Internet Explorer 11 では作動せず要素が縦並びになってしまいます。

ソースは下記のとおりです、
どなたかお分かりになる方がいらっしゃいましたら、
解決方法についてご教示いただけると幸いです。

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8">
5    <title>*******</title>
6    <meta name="description" content="ページの紹介文">
7 
8    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
9    <link rel="stylesheet" href="css/pc.css">
10
11    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
12    <script type="text/javascript">jQuery(function($){ jQuery(".slide-btn").click(function(){
13  jQuery($(this).parent().next(".slide-contents")).animate( {height: "toggle", opacity: "toggle"}, "nomal" );
14}); });
15    </script>
16
17    <link href="css/slick-theme.css" rel="stylesheet" type="text/css">
18    <link href="css/slick.css" rel="stylesheet" type="text/css">
19    <script type="text/javascript" src="js/slick.min.js"></script>
20    <script type="text/javascript">
21        $(document).ready(function(){
22            $('#recommended').slick({
23                slidesToShow:6,
24                slidesToScroll:1,
25                autoplay:true,
26                autoplaySpeed:2000,
27                // fade: true,
28                dots: true,
29              });
30        });
31    </script>
32  </head>
33  <body>
34    <div id="recommended" class="clearfix">
35        <div>
36            <img src="A.jpg" width="300" height="300">
37        </div>
38        <div>
39            <img src="A.jpg" width="300" height="300">
40        </div>
41        <div>
42            <img src="A.jpg" width="300" height="300">
43        </div>
44        <div>
45            <img src="A.jpg" width="300" height="300">
46        </div>
47        <div>
48            <img src="A.jpg" width="300" height="300">
49        </div>
50        <div>
51            <img src="A.jpg" width="300" height="300">
52        </div>
53        <div>
54            <img src="A.jpg" width="300" height="300">
55        </div>
56        <div>
57            <img src="A.jpg" width="300" height="300">
58        </div>
59    </div>
60  </body>
61  
62</html>