JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<div id="infoBox" data-version="infoV4">
<span id="close">
X
</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae numquam itaque ad fugit, accusantium eos laborum voluptas voluptatum assumenda commodi iure, aut deserunt fuga tempore quidem optio vitae dolorem iusto?</p>
</div>
CSS
#close {
cursor: pointer;
}
#infobox {
display: none;
}
JavaScript
var infoVersion = $("#infoBox").attr("data-version");
if ($.cookie("info") == infoVersion) {
hideInfo();
} else {
showInfo();
}
function showInfo() {
$("#infoBox").show();
}
function hideInfo() {
$.cookie("info", infoVersion);
$("#infoBox").hide();
}
$("#close").click(function() {
hideInfo();
})