JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <form action="">
        <input type="radio" name="sex" value="male">Male
        <br>
        <div id=male>male text</div>
        <br>
        <input type="radio" name="sex" value="female">Female
        <br>
        <div id=female>female text</div>
        <br>
    </form>
</body>

CSS

#male, #female {
    display:none
}
#male.selected, #female.selected {
    display:block
}

JavaScript

$("input[type=radio]").change(function (e) {
    $("#male, #female").removeClass("selected");
    $("#" + $(e.currentTarget).val()).addClass("selected");
})