保持導航時打開新的頁面加載

Question

可能重複：
Keep parent with children open when linking to new page

我有這樣的代碼，其控制摺疊式菜單...我問過這一點，但沒有這樣想我可能會簡化我的問題...

<script type="text/javascript"> 
$(function() { 
$("ul.menu-main > li").hover(function() { 
    //Don't do this again if the same menu is hovered 
    if (!$(this).hasClass('selected')) { 
     //Ensure any open sub-menu is closed. 
     $("li.selected").children("ul").stop(true, true).slideUp(1000); 
     $("li.selected").removeClass('selected'); 
     //Open sub-menu 
     $(this).addClass('selected'); 
     $(this).children("ul").slideDown(1000); 
    } 
}); 
}); 
</script> 

我期待找到一種方法來保持它打開時菜單項被選中時，子菜單僅在瀏覽子菜單項時保持打開狀態。也許某種'找到當前網址'？我可以解釋更多，如果需要它有點rambly ...

希望有人可以幫助！

Answer 1

您可能需要將打開的菜單（列表）存儲在cookie，localStorage或sessionStorage中。請注意，只有cookie方法會得到廣泛支持。

但是，其基本思想是在打開的菜單打開時存儲（並在關閉時從列表中刪除它們）。然後，當頁面加載時，查找打開菜單的列表，如果存在，則使用該列表手動（編程）打開，然後在頁面加載時再次打開。

希望這會有所幫助。