JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dynamicRow">
    <input type="radio" value="No" class="race" name="Person[hhhhhh].race"> No:
    <input type="radio" value="Other" class="race" name="Person[hhhhhh].race"> Other:

    <div class="cssclass iamhidden">
        I appear one at a time, when other radio button is checked
    </div>      
</div>

<div class="dynamicRow">
    <input type="radio" value="No" class="race" name="Person[hhhhhh].race"> No:
    <input type="radio" value="Other" class="race" name="Person[hhhhhh].race"> Other:

    <div class="cssclass iamhidden">
        I appear one at a time, when other radio button is checked
    </div>      
</div>

<div class="dynamicRow">
    <input type="radio" value="No" class="race" name="Person[hhhhhh].race"> No:
    <input type="radio" value="Other" class="race" name="Person[hhhhhh].race"> Other:

    <div class="cssclass iamhidden">
        I appear one at a time, when other radio button is checked
    </div>      
</div>

JavaScript

$(".cssclass").hide();
    $('.dynamicRow').on('click', '.race', function () {
        if ($(this).val() == "Other") {
          $(this).next(".cssclass").show();
        } else {
          $(this).nextAll(".cssclass").hide();
        }
    });