Javascript在页面刷新时保持div切换

我试图在提交表单或刷新页面时在登录/注册表单上切换div

如何使用cookie.js来记住已切换的div，并在提交表单或刷新页面时保持切换状态？

<a id="myHeader1" href="javascript:showonlyone('newboxes2');">Login</a>
<a id="myHeader2" href="javascript:showonlyone('newboxes3');">Register</a>  

<div class="newboxes" id="newboxes1" style="display: block">
  default image
</div>

<div class="newboxes" id="newboxes2" style="display: none"> 
 login box
</div>

<div class="newboxes" id="newboxes3" style="display: none"> 
register box
</div>          

默认图像
登录框
登记箱

及

功能仅显示一个（氯乙烯酮）{
$（'.newbox'）。每个（函数（索引）{
if（$（this.attr（“id”）==氯乙烯酮）{
元(此),show(200);；
}
否则{
$（此）.hide（600）；
}
});
}

谢谢你的帮助

使用cookie插件，如

---

演示：

我更新了答案。

---

你实际上还没有问任何问题。谢谢你的回答，我现在正在尝试实现它们。我很快会作进一步评论。我是个笨蛋，请原谅我，给我点时间。谢谢。实际上，你可能需要问一个具体的问题。现在你的问题太笼统了。谢谢你的回答。这似乎对我有用。我正在运行wordpress，不知道把cookie插件放在哪里。它会公开吗？html/wp includes/js/jquery？@user2680557抱歉，不是wordpress Guy有没有办法只使用jquery、javascript和cookie.js而不实现插件？cookie.js是什么？是wordpress吗utility@user2680557如果可以使用它来设置和获取cookie值，那么您可以用它替换插件javascript切换不正常，我希望默认显示class=“newboxes”id=“newboxes1”的div，然后单击登录链接时，显示class=“newboxes”id=“newboxes2”的div，然后，单击Register链接时，用class=“newboxes”id=“newboxes3”显示div，并在刷新页面时使其显示相同。谢谢你的帮助。是的，如果它符合我的要求，我会选择你的答案。你使用的浏览器是什么？经过更多的测试，javascript由于某种原因无法与我的网站一起工作。谢谢你的努力，我很感激。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function showonlyone(thechosenone) {
$('.newboxes').each(function(index) {
    if ($(this).attr("id") == thechosenone) {
         $(this).show(200);
    }
    else {
         $(this).hide(600);
    }
});
}
</script>

function showonlyone(thechosenone) {
    $('.newboxes').not('#' + thechosenone).hide(600);
    $('#' + thechosenone).show(600);
    $.cookie('thechosenone', thechosenone);
}

jQuery(function($){
    var thechosenone = $.cookie('thechosenone');
    if(thechosenone){
        showonlyone(thechosenone)
    }
})

on load, you see the default picture.
on button1 click, you see the login.
on button2 click, you see the register.
and it appears the same way when you refresh the page (cookie setup)