JSFiddle - React, Tailwind, and code Playground

HTML

<select data-required="1" data-type="select" name="download_tag[]" id="download_tag" class="download_tag">
<option value="-1">— Select —</option>
<option class="level-0" value="29">Resources</option>
<option class="level-0" value="28">Training</option>
</select>
<br><br><br>

<div class="fes-el section_break section_break_1511992265 resource-duplicate">      <div class="fes-section-wrap">
            <h2 class="fes-section-title">Resources</h2>
            <div class="fes-section-details">If you're uploading resources, this is where you specify which categories applies</div>
    </div>
    </div>
    
<div class="fes-el section_break section_break_1511992265 training-duplicate">      <div class="fes-section-wrap">
            <h2 class="fes-section-title">Training</h2>
            <div class="fes-section-details">If you're uploading trainings, this is where you specify which categories applies</div>
    </div>
    </div>

JavaScript

$(document).ready(function () {
    $('.resource-duplicate , .training-duplicate').hide();
    $('#download_tag').change(function () {
       $('.resource-duplicate , .training-duplicate').hide();
       var choice = $('#download_tag option:selected').text()
       if(choice === 'Resources'){
       		$('.resource-duplicate').show();
       }
       if(choice === 'Training'){
       		$('.training-duplicate').show();
       }
    })
});