JSFiddle - React, Tailwind, and code Playground

by Oscar Jara

HTML

<input type="checkbox" checked id="upload_yes" value="1" />upload_yes<br />
<input type="checkbox" id="new_info_yes" value="1">new_info_yes
<div id="upload_form">upload form</div>
<div id="new_info_form">new info</div>

JavaScript

$(document).ready(function() {
  $('#upload_yes').on('change', function() {
     var done = ($(this).is(':checked')) ? true : false;
     if(done) {
       $('#upload_form').show();
       $('#new_info_form').slideDown(500);
     } else {
       var frm = $('#upload_form').add('#new_info_form');
       frm.hide();
     }
  });
});