При нажатии на ссылку появляется Div и сохраняются параметры скрытия / показа в $ .cookie.

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