保持导航时打开新的页面加载

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方法会得到广泛支持。

但是，其基本思想是在打开的菜单打开时存储（并在关闭时从列表中删除它们）。然后，当页面加载时，查找打开菜单的列表，如果存在，则使用该列表手动（编程）打开，然后在页面加载时再次打开。

希望这会有所帮助。