JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<div class="className">
    <p class="mailCheck ">
        <input type="checkbox" value="1" class="checkbox-select" id="questionnaire-check" <span>I dont wish to upload files at this time.</span>
    </p>
    <div class="hideDiv hideUpload">
        <p>Upload box I wish to hide.</p>
    </div>
</div>
<div class="className">
    <p class="mailCheck ">
        <input type="checkbox" value="1" class="checkbox-select" id="questionnaire-check" <span>I dont wish to upload files at this time.</span>
    </p>
    <div class="hideDiv hideUpload">
        <p>Upload box I wish to hide.</p>
    </div>
</div>

JavaScript

$('.mailCheck input').on('change', function () {
    $(this).closest('div').find('.hideUpload').slideToggle();
});