Foundation 6 Accordion Menu - Persistent State

Question

我試圖讓用戶瀏覽到該子菜單中的鏈接時保持打開子菜單。在我的搜索中，我發現這個代碼檢查當前的URL是否匹配任何href，如果是，切換類（我收集）。但是，我無法按照我想要合併的內容工作，這就是Foundation API。

保留Foundation 6 Accordion菜單項狀態的最佳方法是什麼？

這是我到目前爲止有：

$('.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」）的功能「向下」，當你與鏈接「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()); 
     } 
    });