JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cookies-banner-bloc">
    <div class="cookies-banner-container">
        <p>We use cookies on this website.</p>
        <a class="cookies-close-button no-border">Close this Message</a>
    </div>
</div>

CSS

.hide {
  opacity:0;
}

JavaScript

$( document ).ready(function() {
    
	$(".cookies-close-button").click(function () {
	   document.cookie = "userclosedalert=true";  
     if(getCookie("userclosedalert")=="true"){
	      $(".cookies-banner-bloc").addClass('hide');
	        removeClass = false;
	}
	    
	});

});

 function getCookie(key) {
            var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
            return keyValue ? keyValue[2] : null;
        }