JSFiddle - React, Tailwind, and code Playground

by creativecouple

HTML

<script src="http://creativecouple.github.io/jquery-timing/jquery-timing.min.js"></script>
<ol id="example">
 <li><span>click me</span></li>
 <li><span>me to</span></li>
 <li><span>and</span></li>
 <li><span>so</span></li>
 <li><span>on</span></li>
</ol>

CSS

span:hover {
    cursor: pointer;
    background-color: red;
}
ol {
    list-style-type: decimal;
    margin: 3em;
}

JavaScript

$('#example').find('span').each().wait('click').remove().all().end().after('Ready!');