JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<input type="radio" name='radio[]' value='valuable' data-id="bank" />
<input type="radio" name='radio[]' value='valuable' data-id="school" />
<input type="radio" name='radio[]' value='valuable' data-id="college" />
<hr />
<div id="bank" class="none">Bank</div>
<div id="school" class="none">School</div>
<div id="college" class="none">College</div>

CSS

.none{
    display:none;
}
.show{
    display:block;
    transition: all ease 0.5s;
}

JavaScript

$('input[type="radio"]').change(function(){

var $this = $(this);
    var id  = $this.data('id');
    if($this.is(':checked')){
       $('#' + id).addClass('show').siblings().removeClass('show');
       
    }

});