JSFiddle - React, Tailwind, and code Playground

HTML

<form enctype="application/x-www-form-urlencoded" method="post" action="/results">
    <input name="apFormKey" type="hidden" value="results-form" />
    <div class="form-wrapper results-form">
        <div class="chooseOne required">
            <p class="form-field choose-one">
                <label for="choose-one">Choose One: <span class="alert">*</span>

                </label>
                <br>
                <label style="white-space: nowrap;">
                    <input type="radio" name="choose-one" value="Sold" class="chooseOne required" id="choose-one">Sold</label>
                <label style="white-space: nowrap;">
                    <input type="radio" name="choose-one" value="Demoed" class="chooseOne required" id="choose-one">Demoed</label>
                <label style="white-space: nowrap;">
                    <input type="radio" name="choose-one" value="Not Sold" class="chooseOne required" id="choose-one">Not Sold</label>
                <label style="white-space: nowrap;">
                    <input type="radio" name="choose-one" value="Not Demoed" class="chooseOne required" id="choose-one">Not Demoed</label>
            </p>
        </div>
        <div class="notSold required medium">
            <p class="form-field customer-s-first-name">
                <label for="customer-s-first-name">Customer's First Name: <span class="alert">*</span>

                </label>
                <br>
                <input type="text" name="customer-s-first-name" id="customer-s-first-name" value="" class="notSold required medium">
            </p>
        </div>
        <div class="notSold required medium">
            <p class="form-field customer-s-last-name">
                <label for="customer-s-last-name">Customer's Last Name: <span class="alert">*</span>

                </label>
                <br>
                <input type="text" name="customer-s-last-name" id="customer-s-last-name" value="" class="notSold required medium">
           ...

JavaScript

$('.resultDetail').hide();
    $('#choose-one').change(function () {

        if ($('#choose-one:checked').val() == 'Sold') {
            $('.resultDetail').slideUp('500');
            $('.resultDetail.sold').slideDown('500');
        } else if ($('#choose-one:checked').val() == 'Not Demoed') {
            $('.resultDetail').slideUp('500');
            $('.resultDetail.notDemoed').slideDown('500');
        } else if ($('#choose-one:checked').val() == 'Not Sold') {
            $('.resultDetail').slideUp('500');
            $('.resultDetail.notSold').slideDown('500');
        } else if ($('#choose-one:checked').val() == 'Demoed') {
            $('.resultDetail').slideUp('500');
            $('.resultDetail.notSold').slideDown('500');
        }
    });