JSFiddle - React, Tailwind, and code Playground

HTML

<div id="panel">Welcome to my forum<span id="closepanel">X</span>
    <br />
    <br />
    <br />
    <br />Click here and join in on the conversation!</div>

CSS

#panel {
    display: none;
    z-index: 5002;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 1px solid #ccc;
    background:#6cf;
}
#closepanel {
    float:right;
}

JavaScript

$(document).ready(function () {
    var autoTimer = null;

    autoTimer = setTimeout(function () {
        $("div#panel").slideDown("slow");
    }, 2000);

    $("span#closepanel").click(function () {
        $("div#panel").hide();
    });
});