JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" class="one required" name="option" value="one">One<br>


 <table width="600px" class='one' style="display:none;">
   				 <tr>
   				 <td><input type="checkbox" name="contract_type[]"  id="Permanent" value = "Permanent" /><label for="Permanent">Permanent</label></td>
  				  <td><input type="checkbox" name="contract_type[]" id="Placement" value = "Placement Student" /><label for="Placement">Placement Student</label></td>
				  
				  <td><input type="checkbox" name="contract_type[]" id="Seasonal" value = "Seasonal" /><label for="Seasonal">Part Time</label></td>

				  <td><input type="checkbox" name="contract_type[]" id="Seasonal" value = "Seasonal" /><label for="Seasonal">Full Time</label></td>

 				   
 				   </tr>
 				   <tr>
 				   <td><input type="checkbox" name="contract_type[]" id="TempPerm" value = "Temp to Perm" /><label for="TempPerm">Temp to Perm</label></td>
  				  <td><input type="checkbox" name="contract_type[]" id="Seasonal" value = "Seasonal" /><label for="Seasonal">Seasonal</label></td>

				  <td><input type="checkbox" name="contract_type[]" id="Temp" value = "Temporary/Contract/Project" /><label for="Temp">Temporary/Contract/Project</label></td>

  				  <td></td>
  				  </tr>
  				  </table>

JavaScript

$('input[class="one"]').click(function(){
$('li.'+$(this).attr('class')).toggle();
    $('table.'+$(this).attr('class')).toggle();

});