Php Jquery-Hide/Show-";会议“;问题

Php Jquery-Hide/Show-";会议“;问题,php,jquery,html,Php,Jquery,Html,我在我的网站上使用以下链接和div: <p><a href="#" class="navlink" id="navlink_1">Menu1</a> | <a href="#" class="navlink" id="navlink_2">Menu2 |</a><a href="#" class="navlink" id="navlink_5"> Menu 3|</a></p> <div id

我在我的网站上使用以下链接和div:

<p><a href="#" class="navlink" id="navlink_1">Menu1</a> | <a href="#" class="navlink" id="navlink_2">Menu2 |</a><a href="#" class="navlink" id="navlink_5"> Menu 3|</a></p>

<div id="menu_1" class="mymenu">
</div>
<div id="menu_2" class="mymenu">
</div>
<div id="menu_3" class="mymenu">
</div>
如何修改此代码,如果重新加载页面,则最后一个可见DIV保持可见。(我不想对此使用查询字符串。我尝试使用jquery会话,但不工作..)


感谢您的帮助。

最简单的纯JavaScript方式:设置cookie。

最简单的纯JavaScript方式:设置cookie。

cookie将是保存可折叠div的理想方式,有一个关于如何使用jQuery cookie插件实现与您尝试做的相同操作的优秀教程

基本上,您可以在cookie中为要持久化的每个
div
设置一个值,并且每当事件发生时,您都会更新cookie中的值,例如:

$.cookie('menu_1', 'expanded');
您还需要检查页面首次加载时每个
div
的状态,例如:

var menu_1 = $.cookie('menu_1');

if (menu_1 == 'collapsed') {
    $('#menu_1').css("display","none");
};

cookie将是保存可折叠div的理想方法,它提供了一个关于如何使用jQueryCookie插件实现与您尝试做的相同操作的优秀教程

基本上,您可以在cookie中为要持久化的每个
div
设置一个值,并且每当事件发生时,您都会更新cookie中的值,例如:

$.cookie('menu_1', 'expanded');
您还需要检查页面首次加载时每个
div
的状态,例如:

var menu_1 = $.cookie('menu_1');

if (menu_1 == 'collapsed') {
    $('#menu_1').css("display","none");
};