JSFiddle - React, Tailwind, and code Playground

HTML

<form id='group'>
	<div>
	
		<label>
			<input type="radio" name="group1" class="trigger" data-rel="abc" checked />ABC
		</label>
		
		<span class="abc content">
			<label>
				<span>I belong to ABC</span>
				<input type="button" value="ABC"/>
			</label>
		</span>
		
	</div>
	<br>
	<div>
	
		<label>
			<input type="radio" name="group1" class="trigger" data-rel="xyz"/>XYZ
		</label>
		
		<span class="xyz content">
			<label>
				<span>I belong to XYZ</span>
				<input type="button" value="XYZ"/>
			</label>
		</span>
		
	</div>
</form>

CSS

.content
{
    display: none;
}

JavaScript

$('.trigger').change(function() 
{
    $('.content').hide();
    $('.' + $(this).data('rel')).show();
});