JSFiddle - React, Tailwind, and code Playground

by bnickel

HTML

<p>Click an item to remove it!</p>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>

CSS

li {
    position: relative;
}

li:hover {
    list-style-type: none;
}

li:hover:before {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: -55px;
    background-image:...

JavaScript

$('li').bind('click', function () {
    $(this).remove();
});