SemanticのJavaScriptが動かない

下記コードでなぜか、SemanticのJavaScriptが動きません。。。
どうしてでしょうか。。
CDNだとうまくいかないのでしょうか。

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8" />
  <title>Semantic UI CDN</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>
  <script  src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.js"></script>
  <link rel="stylesheet" href="css/style.css" />
</head>
<body>
  <div class="ui styled fluid accordion">
    <div class="active title">
      <i class="dropdown icon"></i>
      What is a dog?
    </div>
    <div class="active content">
      <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
    </div>
    <div class="title">
      <i class="dropdown icon"></i>
      What kinds of dogs are there?
    </div>
    <div class="content">
      <p>There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.</p>
    </div>
    <div class="title">
      <i class="dropdown icon"></i>
      How do you acquire a dog?
    </div>
    <div class="content">
      <p>Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p>
      <p>A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a shelter, helps give a good home to a dog who may not find one so readily.</p>
    </div>
  </div>

</body>
</html>

行動規範の内容に同意します

回答1件

ベストアンサー

JavaScriptの記載が無いからでは。

JavaScript
1$('.ui.accordion').accordion();
2```**動くサンプル：**[https://jsfiddle.net/3Lrz0mng/](https://jsfiddle.net/3Lrz0mng/)
3
4【Accordion | Semantic UI】
5[http://1.semantic-ui.com/modules/accordion.html#/usage](http://1.semantic-ui.com/modules/accordion.html#/usage)