JSFiddle - React, Tailwind, and code Playground

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(){

    $('input#upload_yes').change(function(){
        if($(this).is(':checked')) {
            $("#upload_form").show();
        } else {
            $("#upload_form").hide();
        }
    });

    $('input#new_info_yes').change(function(){
         if($(this).is(':checked')) {
                $("#new_info_form").slideDown(500);
        } else {
                $("#new_info_form").hide();
        }   
    });

    //Trigger the change event so the divs are initially shown or hidden.
    $('input[type=checkbox]').trigger('change');

});