JSFiddle - React, Tailwind, and code Playground

HTML

<div class="emailDialogLineItem">
            <span class="emailDialogLabel">Attachment:</span>
            <div class="radTypeEmail">
                <input id="chkExcel" name="exportType" type="radio" value="excel" />Excel<br/>
                <input id="chkPDF" name="exportType" type="radio" value="excel" />PDF<br/>
                <input id="chkCSV" name="exportType" type="radio" value="excel" />CSV<br/>
                <input id="chkLiveLink" name="exportType" type="radio" value="excel" />Link
                <span id="emailDialogExpireLinkDiv">
                    (will expire on 
                        <input type="text" id="txtExpireLiveLink" 
                            class="emailDialogExpireTextbox" />
                    )
                </span>
            </div>
        </div>

CSS

#emailDialogExpireLinkDiv {
    display: inline-block;
}

.radTypeEmail {
    line-height: 1.3em;
}
.emailDialogExpireTextbox {
    width: 75px;
}

JavaScript

$("#emailDialogExpireLinkDiv").hide();

$(".radTypeEmail input[type='radio']").change(function () {
        if ($("#chkLiveLink").is(":checked")) {
            $("#emailDialogExpireLinkDiv").fadeTo(0, 0);
            $("#emailDialogExpireLinkDiv").show();
            $("#emailDialogExpireLinkDiv").fadeTo(100, 1);
        } else {
            if ($("#emailDialogExpireLinkDiv").is(":visible")) {
                $("#emailDialogExpireLinkDiv").fadeTo(100, 0, function () { $(this).hide(); });
            }
        }
    });