Bootstrap "Panel-collapse" "collapse" do not work online
<p>I would like to know why my classes <em>"panel-collapse" "collapse"</em> are not working. </p>

<p>I have just uploaded the files on my server and when I click the link area, they do not work (They do not drop the hidden content down). However,  they work perfectly on my Dreamweaver preview (In addition in the example code I have pasted below).</p>

<p>If you want to check the online version please check out to this link <a href="https://www.carloanfinder.co.uk/CLF30-WEB/CLF3_0_web-ONLY-FORM-v3.html" rel="nofollow">https://www.carloanfinder.co.uk/CLF30-WEB/CLF3_0_web-ONLY-FORM-v3.html</a> and you can see as they do not work when you click the clickable area, for example the green area. </p>

<p>If someone want to check the code. Please find it below a small example what I am using. (It works here as well)</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;!doctype html&gt;
&lt;html lang="en"&gt;&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
&lt;meta name="description" content=""&gt;
&lt;meta name="Keywords" content=""&gt;
&lt;meta name="robots" content="index,follow"&gt;

&lt;!-- Latest compiled and minified CSS --&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  
&lt;/head&gt;
&lt;body&gt;
  
  
   &lt;a data-toggle="collapse" data-parent="#accordion" href="#FAQ5"&gt;  &lt;div class="col-md-12 form-clf-green-bar-bg"&gt;
     &lt;!--F-2-header--&gt; &lt;p style="background-color: red"&gt; CLICK ME &lt;/p&gt; 
    &lt;/div&gt; &lt;/a&gt;
  
      &lt;!--F-2-form--&gt; 
       &lt;div id="FAQ5" class="panel-collapse collapse"&gt;
       &lt;!--contact us grey--&gt;     &lt;br class="cB" /&gt;&lt;div  class="container-fluid"&gt; 
         &lt;div class="row form-bg-grey"&gt;
            &lt;!--text--&gt; &lt;div class="col-md-12"&gt; &lt;h4&gt;TEST HELLO!&lt;/h4&gt;
          &lt;/div&gt;
          &lt;/div&gt;
         &lt;/div&gt;
         &lt;/div&gt;
 

&lt;!-- Latest compiled and minified JavaScript --&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="JS-CLF30.js"&gt;&lt;/script&gt;

  
 &lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>

<p>Finally, please find blow an image what it should drop down (a form) when you click the green area (button)</p>

<p><a href="https://i.stack.imgur.com/nkFTA.png" rel="nofollow"><img src="https://i.stack.imgur.com/nkFTA.png" alt="enter image description here"></a> </p>

<p>If someone could tell me where is the error/bug, that would be amazing. Because I cannot understand where is the error. I have checked it on Chrome and Firefox.</p>

<p>Thank you very much</p>