JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.shopify.com/s/files/1/0437/4361/t/9/assets/jquery.cookie.js?374961671??8764010363"></script>
<div id="toggle">Toggle Display</div>
<div id="pop-up">
  <div id="center" class="box">
    40% off today only
    <br>
    <a id="hide" href="#">OK, thanks!</a>
  </div>
</div>

CSS

#pop-up {
  display: none;
}

JavaScript

$(window).load(function() {
  var date = new Date();
  // if no cookie
  if ($.cookie('alert') != "true") {
    $("#pop-up").show();
  }

  $("#toggle").click(function() {
    if ($("#pop-up").css('display') == 'none') {
      console.log("if hidden");
      $("#pop-up").slideDown("slow");
      $.cookie('alert', "false", {
        expires: date
      });
    } else {
      console.log("else");
      $("#pop-up").slideUp("slow");
      // set the cookie for 24 hours
      date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
      $.cookie('alert', "true", {
        expires: date
      });
    }
  });
});