JS Cookie hide/show div

Question

Trying to make a jQuery cookie hide/show box using JS Cookie, but I somehow can\'t make it work. The box won\'t display at all. I\'m using Shopify.

#pop-up         


        

Answer 1

It does not work because you can only store strings in cookies. You store the string "true" instead of the boolean value true.

Try the following code where I replaced the check with != "true".

<script type='text/javascript'>//<![CDATA[
  $(window).load(function(){
  // if no cookie
  if ($.cookie('alert')!="true") {
      $( "#pop-up" ).show();
      $("#hide").click(function() {
          $( "#pop-up" ).slideUp( "slow" );
          // set the cookie for 24 hours
          var date = new Date();
          date.setTime(date.getTime() + 24 * 60 * 60 * 1000); 
          $.cookie('alert', "true", { expires: date });
      });
  }
  });//]]> 
</script>

A working jsfiddle: http://jsfiddle.net/bqam0qb4/1/