JSFiddle - React, Tailwind, and code Playground

HTML

<br/><br/><br/><br/><br/>

<div id="info-panel">
		<div class="info-text">You are reading documentation for version 9.0.1. Documentation for earlier versions is available as pdfs here.</div>
		<div class="info-close">X</div>
	</div>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>


<p>"Hello my friend"</p>

CSS

#info-panel {
    padding: 4px 8px;
    background: yellow;
}

.info-close {
    padding: 5px;
    background: blue;
}

JavaScript

$(document).ready(function(){
    
    var $close = $("#info-panel .info-close");
    var $info_panel = $("#info-panel");
    var $site_main = $(".site-main");
    var cookie_close = document.cookie.split(";"),
        len = cookie_close.length;
    
    for(var i=0; i< len ; i++) {
        if(cookie_close[i].replace(" ", "").indexOf("button_close") === 0) {
            if(cookie_close[i].split("=")[1] === "1") {
                $info_panel.toggle();
                $info_panel.addClass("closed");              
            }
        }
    }
   
    
    $close.click(function(){
        var now = new Date();
		now.setFullYear(now.getFullYear() + 2);
        
        $info_panel.slideUp();
        $info_panel.addClass("closed");
        
        // set cookie
        document.cookie = "1";
        document.cookie = "button_close=1;path=/;expires=" + now + ";";
        // save cookie to "$yes_closed"
        var $yes_closed = document.cookie;
    });
    
    $(window).scroll(function() {
        // if panel has class closed, after click on "X" > dont open
        // or if in cookie "$yes_closed" is save "1" > dont open
        if ($info_panel.hasClass("closed")) {
            $info_panel.hide();
        } else {
            if ($(this).scrollTop() > 0) {
                $info_panel.slideUp();
            } else {
                $info_panel.slideDown();
            }
        }
    
    });
    
});