Question

我想要完成的是点击一个链接以使div可见并使其保持在那里直到它被点击而不管窗口是否刷新。还要将显示/隐藏选项保存在cookie中

    < 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);
  };

});

Answer 1

少数事情：

您在display中指定的hidden类型style="display:hidden"没有none，而是使用thecontent。
页面加载时，if ( thecontent == 'visible'){中未定义if ( $.cookie('content') == 'visible'){变量，因此请将其更改为hidden
与if ($.cookie('content') == 'hidden'){：fadeOut
如果您使用jQuery中的$('#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); };

所有这些：

{{1}}

点击链接后，会显示Div并将保存/显示选项保存在$ .cookie中

1 个答案: