JSFiddle - React, Tailwind, and code Playground

HTML

<form id="fcheck">
            <input type="checkbox" name="school" value="school" id="school" /><label for="school">School</label>
        </form>

<ul>
    
<li class="school">taratata</li>
</ul>

JavaScript

$(document).ready(function(){
$("#fcheck input").click(function(){
    if ($("#fcheck input").is(":checked"))
    {
        //show the hidden div
        var zzz = $(this).val();
        $('li' + zzz).show("fast");
    }
    else
    {
        var yyy = $(this).val();
        $('li' + yyy).hide("fast");
    }
  });

});