JSFiddle - React, Tailwind, and code Playground

by Jayna

HTML

<a href="" id="trashCan">
    <span class="trashText">Delete</span>
</a>
<div id="trashShow" class="red">
        <p>Are you sure?</p> <a name="bookmark1" href="masterOverlay.html">Confirm</a> or <a href="masterOverlay.html#openModal">Cancel</a>
</div>

CSS

#trashText {
    background: url('http://jayna.liveplan.com/images/iconTrash.png') no-repeat 0px 0px;
    width: 18px;
    height: 21px;
    margin: 24px 0 0 30px;
    float: left;
}

#trashShow {
    display: none;
}

JavaScript

$('#trashCan').click(function() {
   $('div').css('display', 'show');
});