Best way to hide/show cookie mesage using jquery

Best way to hide/show cookie mesage using jquery

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div id="es_cookie_msg"  style="display:none;">
            <div class="es-cookie-msg-container">
                          <!-- Cookie Message -->
                            <span class="es-cookie-msg-text">We use cookies to help ensure our website meets your needs. By continuing to use this site you agree to our policy.
    </span>   
                <!-- Close button -->
                <a id="es_cookie_close_btn" href="#" class="es-cookie-button">
                    <svg class="es_cookie_close_icon" width="64" version="1.1" xmlns="http://www.w3.org/2000/svg" height="64" viewBox="0 0 64 64" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 64 64">
                        <g>
                        <path fill="" d="M28.941,31.786L0.613,60.114c-0.787,0.787-0.787,2.062,0,2.849c0.393,0.394,0.909,0.59,1.424,0.59   c0.516,0,1.031-0.196,1.424-0.59l28.541-28.541l28.541,28.541c0.394,0.394,0.909,0.59,1.424,0.59c0.515,0,1.031-0.196,1.424-0.59   c0.787-0.787,0.787-2.062,0-2.849L35.064,31.786L63.41,3.438c0.787-0.787,0.787-2.062,0-2.849c-0.787-0.786-2.062-0.786-2.848,0   L32.003,29.15L3.441,0.59c-0.787-0.786-2.061-0.786-2.848,0c-0.787,0.787-0.787,2.062,0,2.849L28.941,31.786z"></path>
                        </g>
                    </svg>
                </a>
            </div>
        </div>

CSS

svg.es_cookie_close_icon {
    height: 20px;
    width: 20px;
}

div#es_cookie_msg {
    background: lightblue;
}

JavaScript

jQuery( document ).ready(function() {
      jQuery('#es_cookie_close_btn').click(function() {
          jQuery('#es_cookie_msg').slideUp();
          // Set cookie
          cookieHelper.create('accepted', true);
      });
    });
    
    jQuery(function () {
      // If cookie hasnt reveioly been accepted, show banner
      if( !cookieHelper.read('accepted') ) {
          jQuery('#es_cookie_msg').slideDown();
      }
    });
    
    // Cookies set inside object
    var cookieHelper = {
      // Cookies
      create: function (name, value, days) {
          if (days) {
              var date = new Date();
              date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
              var expires = "; expires=" + date.toGMTString();
          }
          else var expires = "";
    
          document.cookie = name + "=" + value + expires + "; path=/";
      },
    
      read: function(name) {
          var nameEQ = name + "=";
          var ca = document.cookie.split(';');
          for (var i = 0; i < ca.length; i++) {
              var c = ca[i];
              while (c.charAt(0) == ' ') c = c.substring(1, c.length);
              if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
          }
          return null;
      },
    
      erase: function(name) {
          createCookie(name, "", -1);
      }
    }