JSFiddle - React, Tailwind, and code Playground

HTML

<div id="terms-and-conditions">
    
  <h1>Terms and Conditions</h1>
    <p>Example Content</p>
  
  <span class="accept-button"><a href="#" onclick="TermsAndConditions()">Accept</a></span></div>

CSS

#terms-and-conditions {
	height: 190px;
	width: auto;
}

JavaScript

function TermsAndConditions(){
   days=30;
   myDate = new Date();
   myDate.setTime(myDate.getTime()+(days*24*60*60*1000));
   document.cookie = 'TermsAndConditions=Accepted; expires=' + myDate.toGMTString();
}
if ($.cookie("TermsAndConditions") !== Accepted)
{
    $("#terms-and-conditions").hide();
}