JSFiddle - React, Tailwind, and code Playground

HTML

<div id="message-green">Some Content <a href="#"><span class="close-green">Close</span></a></div>

CSS

#message-green{
    height:30px;
    background:#00FF00;
}

JavaScript

$(document).ready(function() {    
$(".close-green").click(function () {
        $("#message-green").fadeOut("slow");
    });
    
    
    setTimeout(function(){
        $("#message-green").fadeOut("slow");
    },10000)
    

});