Semantic UI - Accordion - Not working
<p>Help me please, i have this libs:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;title&gt;Semantic UI&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css"&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script scr="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"&gt;&lt;/script&gt;
&lt;script scr="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/components/accordion.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>

<p>and this is the html code:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="ui container"&gt;
        &lt;div class="ui styled accordion"&gt;
          &lt;div class="title"&gt;
            &lt;i class="dropdown icon"&gt;&lt;/i&gt;
            Hello
          &lt;/div&gt;
          &lt;div class="content"&gt;
            contenido 1
          &lt;/div&gt;
         &lt;/div&gt;
 &lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>and js:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
        $('.ui.accordion').accordion();
      &lt;/script&gt;</code></pre>
</div>
</div>
</p>

<p>What am I missing to work fine this element ? Am I need some scripts to add ? I have a browser console error:</p>

<p>TypeError: $('.ui.accordion').accordion is not a function. (In '$('.ui.accordion').accordion()', '$('.ui.accordion').accordion' is undefined)</p>