JSFiddle - React, Tailwind, and code Playground

by wdm954

HTML

<a href="#" class="notify">Show Notification</a>
<div id="notify">You are sexy today!</div>

CSS

#notify {
    position: fixed;
    right: 10px;
    bottom: -200px;
    width: 150px;
    line-height: 80px;
    text-align: center;
    background-color: #ccc;
}

JavaScript

$('.notify').click(function(e) {
    e.preventDefault();
    $('#notify').animate({ bottom: "10px" }, 250);
});
$('#notify').click(function() {
    $(this).animate({ bottom: "-200px" }, 250);
});