JSFiddle - React, Tailwind, and code Playground

by Hari Menon

HTML

<div class="spike"></div>

CSS

.spike{
    min-height:5em;
    border:0.1em solid #999;
    background-color:#bbb;
}

JavaScript

$('.spike').hover(function() {
    $(this).addClass('hoverAbove');
}, function() {
    $(this).removeClass('hoverAbove');
});

$("body").mouseup(function() {
    if ($('.spike').hasClass('hoverAbove')) $('.spike').addClass('divClicked');
    else $('.spike').removeClass('divClicked');
});

$(".divClicked").live("keyup", function(e) {
    if (e.keyCode == 8) {
        $(this).remove();
    }
});