Jquery 单击链接时，显示一个Div并将隐藏/显示选项保存在$.cookie中

我试图完成的是，当单击链接时，使div可见，并使其保持在那里，直到其被单击为止，而不管窗口是否刷新

    < ahref="#">Home< / a>
    < div id="contentwrapper" style="display:hidden">
        holas
    < /div>

$(document).ready(function() {



 $('a').click(function(){

  $('#contentwrapper').fadeIn(300);        

  $.cookie('content','visible');
 var thecontent = $.cookie('content');

 });

 $('#contentwrapper').click(function(){
     $('#contentwrapper').fadeOut(100);
    $.cookie('content','hidden');

 });


 if ( thecontent == 'visible'){
   $('#contentwrapper').css("display","block");

  };
  if (content == 'hidden'){
   $('#contentwrapper').fadeOut(200);
  };

});

主页

霍拉斯

$（文档）.ready（函数（）{ $（'a'）。单击（函数（）{ $（'contentwrapper'）.fadeIn（300）； $.cookie（'content'，'visible'）； var thecontent=$.cookie（'content'）； }); $（'#contentwrapper'）。单击（函数（）{ $（'#contentwrapper'）。淡出（100）； $.cookie（'content'，'hidden'）； }); 如果（内容==“可见”）{ $（'#contentwrapper'）.css（“显示”、“块”）； }; 如果（内容==“隐藏”）{ $（#contentwrapper'）。淡出（200）； }; }); 几件事：

• 如您在

  style=“display:hidden”

  中指定的，没有

  显示类型的
  hidden
  ，请改用
  none

• 加载页面时，

  if（content='visible'）{

  中未定义content变量，因此将其更改为

  if（$.cookie（'content'）='visible'）{

• 与

  hidden

  相同：

  if（$.cookie（'content'）=='hidden'）{

• 如果使用jQuery中的

  fadeOut

  等，则应使用

  $（'#contentwrapper'）.show（）；

  而不是

  $（'#contentwrapper'）.css（“display”，“block”）；

所有这些：

$('a').click(function(){   
    $('#contentwrapper').fadeIn(300);        
    $.cookie('content','visible');
 });

 $('#contentwrapper').click(function(){
    $('#contentwrapper').fadeOut(100);
    $.cookie('content','hidden');
 });


 if ( $.cookie('content') == 'visible'){
   $('#contentwrapper').show();    
  };

 if ($.cookie('content') == 'hidden'){
   $('#contentwrapper').fadeOut(200);
 };

---

问题是什么？什么不起作用？在页面刷新时，会出现contentwrapper。Witch让我觉得我对cookie做了一些错误。其他代码工作正常。我已经包含了cookie插件，我正在joomla 1.5的模板上使用此代码。好的，display:hidden was打字错误。我已经在Fiddle和l上测试了此代码ocalhost站点。在Fiddle上，当刷新cookie不工作时，在localhost站点上没有任何运行。Localy我有两个脚本。第一个脚本在我单击时在标题上做一些动画。第二个有一些更改的是这一个。现在，在更改之后，没有脚本运行。因此，当我从末尾删除两个if语句时，previus标题脚本运行正常ally.Strange.Identity代码，无法在我的小提琴上运行。（这是小提琴设置之间存在差异的原因吗？）我已粘贴并修改了代码（只是更改了一个类并为另一个元素添加了动画）指向我的本地主机的脚本文件。当我单击链接时，页面刷新开始，再次隐藏contentwrapper:/请提供指向您的fiddle的链接。我几分钟前删除了它。我想我忘了在fiddle上加载cookie插件。现在真正的问题是，当我从标题中单击菜单选项时，我会得到页面刷新。然后我会返回到内容隐藏的：/