Javascript 希望将cookies属性应用于jQuery复选框脚本

首先，我的脚本允许我使用复选框交换div

JS小提琴示例：

我正在寻求有关为此脚本正确设置cookie的帮助。我想对其进行设置，以便用户在重新加载页面时保留的div和复选框保持不变

这是我的剧本：

<!--HTML-->
<div id="ontopic_posts">
    Content 1
</div>
<div id="offtopic_posts" style="display: none;">
    Content 2
</div>

<input id="cbox_posts" type="checkbox"> show off-topics

<!--JQUERY-->
<script>
jQuery("#cbox_posts").click(function() {
  if ( jQuery(this).is(':checked') )
  {
    jQuery("#offtopic_posts").show();
    jQuery("#ontopic_posts").hide();
  }
  else
  {
    jQuery("#offtopic_posts").hide();
    jQuery("#ontopic_posts").show();
  }  
});
</script>

内容1
内容2
炫耀话题
jQuery（“#cbox_posts”）。单击（函数（）{
if（jQuery（this）.is（':checked'））
{
jQuery（“#offtopic_posts”）.show（）；
jQuery（“#ontopic_posts”）.hide（）；
}
其他的
{
jQuery（“#offtopic_posts”）.hide（）；
jQuery（“#ontopic_posts”）.show（）；
}  
});

---

谢谢

在元素存在之前附加事件处理程序

---

在输入后移动

脚本

标记，或用

包装脚本。如果您能给出比“不工作”更详细的错误报告，那就太好了。什么不起作用？最后，你对饼干了解多少？到目前为止你做了什么？我道歉。DIV不会在IE中交换。选中或取消选中该框不会做任何事情，它不会像在FF/Chrome/Saf中那样交换DIV。另外，我对java或Cookie不太了解，我什么都没试过。我解决了IE的问题。只是需要将jQuery从1.5.1更新到1.6.1。仍在寻求有关为此脚本正确设置Cookie的帮助。我想对其进行设置，以便在重新加载页面时，用户保留的div和复选框保持不变。我把这个片段搞错了，我解决了IE的问题。只是需要将jQuery从1.5.1更新到1.6.1。谢谢你的帮助！非常感谢。