title: Accordion inside Tab (foundation Framework)
body: <p>I have an issue with putting Accordion inside Tab.</p>
  
  <pre><code>&lt;div class="section-container tabs" data-section="tabs"&gt;
      &lt;section&gt;
          &lt;p class="title" data-section-title&gt;&lt;a href="#"&gt;Tab1&lt;/a&gt;&lt;/p&gt;
          &lt;div class="content" data-section-content&gt;
          &lt;div class="section-container accordion" data-section="accordion"&gt;
               &lt;section&gt;
                    &lt;p class="title" data-section-title&gt;&lt;a href="#"&gt;Year 1&lt;/a&gt;&lt;/p&gt;
                    &lt;div class="content" data-section-content&gt;
                         &lt;p&gt;Content of section 1.&lt;/p&gt;
                    &lt;/div&gt;
               &lt;/section&gt;
               &lt;section&gt;
                     &lt;p class="title" data-section-title&gt;&lt;a href="#"&gt;Year 2&lt;/a&gt;&lt;/p&gt;
                      &lt;div class="content" data-section-content&gt;
                            &lt;p&gt;Content of section 2.&lt;/p&gt;
                      &lt;/div&gt;
               &lt;/section&gt;
          &lt;/div&gt;
        &lt;/div&gt;             
      &lt;/section&gt;
  &lt;/div&gt;&lt;!-- tabs --&gt;
  </code></pre>
  
  <p>They appear but on click the accordion doesn't open. Is there is any way to make it?</p>