JSFiddle - React, Tailwind, and code Playground

by grundez

HTML

<div id="wet" style="background:blue;display:none">Wet Lab Questions</div>
<div id="dry" style="background:yellow">Dry Lab Questions</div>

Are you a wet lab? 
<input type="radio" name="lab" value="wet" checked="1" />Yes 
<input type="radio" name="lab" value="dry" />No

JavaScript

$("input[name='lab']").click(function(evt){
    console.log(this.value);
    var toHide = (this.value=="wet")? "dry": "wet";
    var toShow = this.value;
    $("#"+toHide).fadeOut(400, function(){
        $("#"+toShow).fadeIn();   
    });
});