JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <span>001</span>
        <div><input type="checkbox"></div>
            <div><input type="checkbox"></div>
    </li>
    <li>
        <span>002</span>
        <div><input type="checkbox"></div>
           <div><input type="checkbox"></div>
    </li>
    <li>
        <span>003</span>
        <div><input type="checkbox"></div>
            <div><input type="checkbox"></div>
    </li>
</ul>

CSS

div {
    display:none;
}

JavaScript

$('li').hover(function(){
    $(this).find('> div').toggle(true)
}, function(){
    $(this).find('> div').toggle($(this).find('>div > input:checked').length>0);
});