JavaScript 简单使用jQuery cookie插件来显示/隐藏通知

Posted 2021-05-20

$(document).ready(function() {

  if ($.cookie('notice') == 'closed') {
    $('.notice').hide();
  } else {
    $('.notice').show();
  }
    // Show or hide on load depending on cookie 
			
  $('.notice a.close').click(function(e) {
    e.preventDefault();
    $.cookie('notice','closed');
    $(this).parent().hide();
  });
    // Simple close link to hide the notice until cookies are cleared
			
  $('a.open').click(function(e) {
    e.preventDefault();
    $.cookie('notice','open');
    $('.notice').show();
  });
    // Opener link to show the notice again

});