JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="radio-269" value="Purchase Only" />
<input type="radio" name="radio-269" value="Sale Only" />
<input type="radio" name="radio-269" value="Purchase and Sale" />
<div id="sale">
SALE!
</div>
<div id="purchase">
PURCHASE!
</div>
CSS
.hidden {
display:none;
}
JavaScript
$("input[name='radio-269']").change(function() {
$('#sale, #purchase').removeClass("hidden");
if ($(this).val() == "Purchase Only") {
$('#sale').addClass("hidden");
}
if($(this).val() == "Sale Only") {
$('#purchase').addClass("hidden");
}
});