I'm feeling frustrated as I try to work with Zurb Foundation sections. I've updated to the latest version 4.3.1.
Following the documentation provided here: but encountering strange behavior while navigating through results. Refer to the screenshots below. What could be causing this issue?
Below is my code snippet:
<form data-abide action="">
<div class="row">
<div class="small-24 columns">
<div class="section-container auto" data-section>
<section class="section">
<p class="title" data-section-title><a href="#panel1">Panel 1</a></p>
<div class="content" data-section-content><p>Content of section 1.</p></div>
</section>
<section class="section">
<p class="title" data-section-title><a href="#panel2">Panel 2</a></p>
<div class="content" data-section-content><p>Content of section 2.</p></div>
</section>
<section class="section">
<p class="title" data-section-title><a href="#panel3">Panel 3</a></p>
<div class="content" data-section-content><p>Content of section 3.</p></div>
</section>
<section class="section">
<p class="title" data-section-title><a href="#panel4">Panel 4</a></p>
<div class="content" data-section-content><p>Content of section 4.</p></div>
</section>
</div>
</div>
</div>
</form>