JSFiddle - React, Tailwind, and code Playground
HTML
<div role="tabpanel" class="tab-pane active" id="tab_contabeis">
<br/>
<div class="radio">
<label>
<input type="radio" name="demo_radio" id="demo_radio" value="atendeu" checked>A elaboração dos Demonstrativos Contábeis e de Gestão <strong>Atendeu</strong> os Parâmetros da mencionada Instrução.</label>
</div>
<div class="radio">
<label>
<input type="radio" name="demo_radio" id="demo_radio_n" value="n_atendeu">A elaboração dos Demonstrativos Contábeis e de Gestão <strong>Não Atendeu</strong> os Parâmetros da mencionada Instrução.</label>
</div>
<br/>
<div class="controle atendeu">
<textarea id="demonstrativocontabeis" name="demonstrativocontabeis" class="form-control" rows="10">atendeu</textarea>
</div>
<div class="controle nao-atendeu hidden">
<textarea id="demonstrativocontabeis_n" name="demonstrativocontabeis_n" class="form-control hidden" rows="10">não atendeu</textarea>
</div>
</div>
CSS
.hidden {
display:none;
}
JavaScript
jQuery('input[name="demo_radio"]').on("change", function () {
jQuery(".hidden").removeClass("hidden");
if (jQuery(this).val() == "atendeu") {
jQuery(".nao-atendeu").addClass("hidden");
} else if (jQuery(this).val() == "n_atendeu") {
jQuery(".atendeu").addClass("hidden");
}
});