JSFiddle - React, Tailwind, and code Playground

by Ivo Tanev

HTML

<ul></ul>

JavaScript

$('ul').append('<li><input type="checkbox" value="'+false+'"> ' + false + '</input><img src="Up.png"  class="idUp"/><img src="Down.png" class="idDown" /></li>');
$('ul').append('<li><input type="checkbox" value="'+false+'"> ' + false + '</input><img src="Up.png"  class="idUp"/><img src="Down.png" class="idDown" /></li>');


$("ul > li img").hide();
$("ul").children("li").each(function() {
        $(this).mouseover(function() {
            $(this).css ("background-Color", "#c0c0c0");                   
            $(this).find('img').show();
            $(this).find('img').show();
        });
        $(this).mouseout(function () {
            $(this).css("background-Color", "#EEEEEE"); 
            $(this).find('img').hide();
            $(this).find('img').hide();
        });
    });