jquery - 用 jQuery Cookie 记住多个 div toggleClass

Question

我有两个 div(staticclose 和 sads)。第一个是可见的，另一个是隐藏的。当我关闭第一个 div 时，第二个变得可见，当我单击第二个 div 时，第一个变得可见。如何使用 jquery.cookie还记得 div 的状态吗？

$('.staticclose').click(function(){ 
  $('.static-ad').toggleClass('hide');
  $('.sads').toggleClass('hide');
});

$('.sads').click(function(){ 
  $('.static-ad').toggleClass('hide');
  $('.sads').toggleClass('hide'); 
});

Answer 1

在您提出问题时使用 jQuery.cookie，您可以执行以下操作:

$('.staticclose').click(function(){ 
  $('.static-ad').toggleClass('hide');
  $('.sads').toggleClass('hide');
  $.cookie("last_state", "0", {path: "/"});
});

$('.sads').click(function(){ 
  $('.static-ad').toggleClass('hide');
  $('.sads').toggleClass('hide'); 
  $.cookie("last_state", "1", {path: "/"});
});
$(document).ready(function(){
  if ($.cookie("last_state") === "1") {
    //Do whatever you want
  } else {
    //Do whatever you want
  }
});