JS Cookie ocultar / mostrar div
Tentando fazer um cookie jQuery ocultar / mostrar caixa usandoJS Cookie, mas de alguma forma não consigo fazê-lo funcionar. A caixa não será exibida. Estou usando o Shopify.
#pop-up {
display: none;
}
Jquery:
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
// if no cookie
if (!$.cookie('alert')) {
$( "#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>
O resto:
<div id="pop-up">
<div id="center" class="box">
40% off today only<br>
<a id="hide" href="#">OK, thanks!</a>
</div>
</div>