单击后，Foundation 6 Accordion菜单会自动关闭

Question

我正在使用Accordion菜单而不是介质断点下方的Off-canvas解决方案，如Foundation Docs here中所述，但我很难让菜单自动关闭单击菜单中的链接后。我搜索了一个解决方案并且已经看到了这个问题，但没有找到适合我的答案。但是我遇到了this example，经过检查，我认为简单地用.off-canvas替换垂直菜单所使用的类就行了，但事实并非如此。

$(document).foundation();    
    $('.vertical a').on('click', function() {
        $('.vertical').foundation('close');
    });

我的菜单标记：

<nav class="vertical menu" id="mobile-menu" role="navigation">
    <ul id="menu-main-1" class="vertical menu" data-accordion-menu="8k34n8-accordion-menu" role="tablist" aria-multiselectable="true">
        <li class="menu-item" role="menuitem"><a>Link 1</a></li>
        <li class="menu-item" role="menuitem"><a>Link 2</a></li>
        <li class="menu-item" role="menuitem"><a>Link 3</a></li>
    </ul>
</nav> 

我是新手，请原谅答案是否明显。我希望有人能指出我在正确的方向，所以我学到了一些东西。