JSFiddle - React, Tailwind, and code Playground

by BandonRandon

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");
    });

    //fade out in 15 seconds if not closed 
    $("#message-green").delay(5000).fadeOut("slow");

});