JSFiddle - React, Tailwind, and code Playground
HTML
<label>Private Client</label><input type="checkbox" onchange="showHideIndividualAttributes(this); return false" value="0" />
<label>Company Client</label><input type="checkbox" onchange="showHideCompanyAttributes(this); return false" value="1" />
<br/>
<div id="clientdata-container"></div>
JavaScript
function showHideIndividualAttributes(sender) {
if (sender.checked) {
$('#clientdata-container').append('<span>Private Client attributes</span>');
} else {
$('#clientdata-container').empty();
}
}
function showHideCompanyAttributes(sender) {
if (sender.checked) {
$('#clientdata-container').append('<span>Company Client attributes</span>');
} else {
$('#clientdata-container').empty();
}
}