JSFiddle - React, Tailwind, and code Playground

HTML

<form id="formselector">
<label for="1">One</label>
    <input id="1" type="radio" value="1" name="formsel" />
    <label for="2">Two</label>
    <input id="2" type="radio" value="2" name="formsel" />
    <label for="3">Three</label>
    <input id="3" type="radio" value="3" name="formsel" />
</form>
<form id="form1">Hi, I'm form 1!</form>
<form id="form2">Hi, I'm form 2!</form>
<form id="form3">Hi, I'm form 3!</form>

CSS

input[type="radio"] {display:none;}
label {width:100px;heigth:30px;display:inline-block;border-bottom:3px solid white;text-align:center;cursor:pointer;}
.active {border-color:yellow !important;}

JavaScript

$('#form1, #form2, #form3').hide();
    $('#formselector').find('input:radio').click(function () {
    	jQuery('label').removeClass('active')
        var formNum = $(this).val();
        $('#form1, #form2, #form3').hide();
        $('#form' + formNum).show();
        jQuery('label[for="'+formNum +'"]').addClass('active');
    });