JSFiddle - React, Tailwind, and code Playground

by nagoba

HTML

<input type="radio" id="form1">Show Form1</radio>
<input type="radio" id="form2">Show Form2</radio>

<div id="f1">My Form 1</div>
<div id="f2">My Form 2</div>

CSS

div{
    width:200px;
    height:200px;
    border:1px solid;
    display:none;
}

JavaScript

$(document).ready(function(){
    
    $("#form1").click(function(){
    
        $('#form2').attr('checked',false);
        $("#f1").show();
        $("#f2").hide();
        
    });
    
    $("#form2").click(function(){
    
        $('#form1').attr('checked',false); 
         $("#f2").show();
        $("#f1").hide();
       
    });
    
});