JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<label>
    <input type="radio" name="group1" class="radio1">
</label>
<label>
    <input type="radio" name="group1" class="radio2">
</label>
<div class="div1 content">Radio1 selected ! div1 is shown</div>
<div class="div2 content">Radio2 selected ! div2 is shown</div>

CSS

div {
    display: none
}

JavaScript

$(function () {
    $('.radio1').click(function () {
        $('.div1').show();
        $('.div2').hide();
    });
    $('.radio2').click(function () {
        $('.div2').show();
        $('.div1').hide();
    });
});