JSFiddle - React, Tailwind, and code Playground

by dhoerster

HTML

<div id='dashboard'>
    <ul>
        <li><span>Wiper Blades<span class='remoteService'>X</span></span></li>
        <li><span>Air Filter<span class='remoteService'>X</span></span></li>
        <li><span>Cabin Filter<span class='remoteService'>X</span></span></li>
    </ul>
</div>

JavaScript

$(document).ready(function(){
    $('.remoteService').hide()
        .click(function(){alert('delete!');});
    
    $('#dashboard ul li span').hover(
    function(){
        $(this).find('.remoteService').show();
    },
    function(){
         $(this).find('.remoteService').hide();
    });

});