Foundation 6 Accordion Not Working
<p>Could you please help on below Foundation 6 Accordion sameple code where I could not able get it worked. I am not sure what I am missing. Also, I kept all js and css files are in the same directory.</p>

<pre><code>&lt;html class="no-js" lang="en"&gt;
&lt;head&gt;
&lt;meta charset="utf-8" /&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;

&lt;script src="jquery.js"&gt;&lt;/script&gt;
&lt;script src="foundation.js"&gt;&lt;/script&gt;
&lt;script src="foundation.accordion.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="foundation.css" /&gt;

&lt;script&gt;
  $(document).foundation();
&lt;/script&gt;

&lt;script&gt;
$('#myAccordionGroup').on('toggled', function (event, accordion) {
console.log(accordion);
});
&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;

&lt;div class="row row-padding"&gt;
   &lt;div class="small-12 columns"&gt; 
    &lt;h1&gt;FAQ:&lt;h1&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="row row-padding small-12"&gt;
    &lt;ul id="myAccordionGroup" class="accordion" data-accordion&gt;
    &lt;li class="accordion-navigation"&gt;
        &lt;a href="#panel11a"&gt;Question 1&lt;/a&gt;
        &lt;div id="panel11a" class="content"&gt;
        Answer 1
        &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class="accordion-navigation"&gt;
        &lt;a href="#panel12a"&gt;Question 2&lt;/a&gt;
        &lt;div id="panel12a" class="content"&gt;
        Answer 2
        &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class="accordion-navigation"&gt;
        &lt;a href="#panel13a"&gt;Question 3&lt;/a&gt;
        &lt;div id="panel13a" class="content"&gt;
        Answer 3
        &lt;/div&gt;
    &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;

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

<p>Appreciated if someone help on this at the earliest.</p>