Javascript 控制基础4手风琴速度

3天前我遇到了Foundation4。我对javascript和Jquery的了解非常有限。这就是为什么我很难想出如何解决我的问题

<div class="large-3 columns right">
     <div class="section-container accordion" data-section="accordion">
          <section>
              <p class="title" data-section-title><a href="#">Staff Favourites</a></p>
              <div class="content" data-section-content>
                <ul class="side-nav">
                    <li><a href="#">Morbi vitae eleifend </a></li>
                    <li><a href="#">Praesent suscipit    </a></li>
                    <li><a href="#">Cras et justo non    </a></li>
                    <li><a href="#">Fusce vel leo        </a></li>
                    <li><a href="#">Vestibulum ante      </a></li>
                </ul>
              </div>
          </section>
     </div>
</div>

它的工作很好，但我希望下拉动画看起来更平滑，问题是我试图在互联网上寻找解决方案，但找不到任何有关的基础4。

---

有人能帮我吗

在寻找答案时，我发现了这个，（）我试着使用它，但整个内容不再显示。