Foundation 6 手风琴菜单 - 持久状态

Question

我试图让子菜单在用户导航到该子菜单中的 link 时保持打开状态。在我的搜索中，我发现这段代码检查当前 URL 是否与任何 href 匹配，如果是，则切换 class （我收集）。但是，我无法将其与我假设我想要合并的内容一起使用，即 Foundation API.

保留 Foundation 6 手风琴菜单项状态的最佳方法是什么？

这是我目前拥有的：

$('.main-nav a').each(function(){
    var myHref= $(this).attr('href');
    if(url.match(myHref)) {
        $('.accordion').foundation('down', $('.accordion .accordion-item.is-active .accordion-content'));
    }
});

Answer 1

您需要将子菜单 ('ul') 传递给函数 'down'，就像您使用 link 'a'、'ul' 是她 'li' 的父级 (parent().parent())，这样你就有了要显示的 'ul' 子菜单。

    $('.main-nav a').each(function(){
         var myHref= $(this).attr('href');
         var pathname = window.location.pathname;
         if(pathname.match(myHref)) {
           $('.menu').foundation('down', $(this).parent().parent());
         }
    });

Foundation 6 手风琴菜单 - 持久状态

Foundation 6 Accordion Menu - Persistent State

accordion

zurb-foundation-6