title: Zurb Foundation 4 Section collapsing
body: <p>Trying to implement a section with Zurb Foundation 4.3.2. I've made sure to include the right couple of js and css files, and initialize foundation in the js script, but the section continues to collapse all the content and buttons together. The first section/tab doesn't show up either. </p>
  
  <p><strong>EDIT:</strong> Here's a JS Fiddle: <a href="http://jsfiddle.net/ethanova/R2SdH/" rel="nofollow">http://jsfiddle.net/ethanova/R2SdH/</a> (my first, so if I performed some kind of worst practice, let me know)</p>
  
  <p>After making the JSFiddle, I realized that it's working correctly on smaller dpi screens (it looks alright in the small area JSFiddle provides, even if clicking the tabs isn't working - I checked with my actual code and making the browser window smaller switches the section to Accordion and it works great). So it seems that it's only on the larger screen sizes when it reverts to Tabs is when the section collapses and doesn't work.</p>
  
  <p>Any ideas on what's going wrong? Thanks guys.</p>
  
  <pre><code>        &lt;!-- foundation zurb --&gt;
          &lt;link rel="stylesheet" href="./css/foundation.min.css"&gt;
          &lt;link rel="stylesheet" href="./css/normalize.css"&gt;
  
          &lt;!-- JAVASCRIPT --&gt;
          &lt;script src='../../js/vendor/jquery.js'&gt;&lt;/script&gt;
          &lt;!-- zurb foundation --&gt;
          &lt;script src="../../js/foundation.min.js"&gt;&lt;/script&gt;
          &lt;script src="../../js/vendor/custom.modernizr.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $(document).foundation();
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div class='row'&gt;
      &lt;div class='small-12 columns'&gt;
          123 Street Name &lt;br /&gt; City, ST Zip &lt;br /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class='row'&gt;
      &lt;div class='large-8 columns'&gt;
          &lt;div class="section-container auto" data-section data-section-resized&gt;
              &lt;section class="active"&gt;
                  &lt;p class="title" data-section-title&gt;&lt;a href="#panel1"&gt;Details&lt;/a&gt;&lt;/p&gt;
                  &lt;div class="content" data-section-content&gt;
                      &lt;p&gt;Things like Comments, Area, Use Type, Current Use, Sqft, Taxes, Value, Status&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
              &lt;section&gt;
                  &lt;p class="title" data-section-title&gt;&lt;a href="#panel2"&gt;Improvements&lt;/a&gt;&lt;/p&gt;
                  &lt;div class="content" data-section-content&gt;
                      &lt;p&gt;Any improvements data&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
              &lt;section&gt;
                  &lt;p class="title" data-section-title&gt;&lt;a href="#panel3"&gt;Mortgage&lt;/a&gt;&lt;/p&gt;
                  &lt;div class="content" data-section-content&gt;
                      &lt;p&gt;Mortage data.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
              &lt;section&gt;
                  &lt;p class="title" data-section-title&gt;&lt;a href="#panel4"&gt;Lease&lt;/a&gt;&lt;/p&gt;
                  &lt;div class="content" data-section-content&gt;
                      &lt;p&gt;Lease data.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
              &lt;section&gt;
                  &lt;p class="title" data-section-title&gt;&lt;a href="#panel5"&gt;Lien&lt;/a&gt;&lt;/p&gt;
                  &lt;div class="content" data-section-content&gt;
                      &lt;p&gt;Lien data.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
          &lt;/div&gt;
       &lt;/div&gt;
       &lt;div class='large-4 columns'&gt;
          Map Goes Here
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class='row'&gt;
      &lt;div class='large-12 columns'&gt;
          Related people
      &lt;/div&gt;
     &lt;/div&gt;
  &lt;div class='row'&gt;
      &lt;div class='large-12 columns'&gt;
          Related properties
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>