JSFiddle - React, Tailwind, and code Playground

HTML

<script>
function nul() {
    var elems = document.getElementsByTagName("div");
    for (var i = 0; i<elems.length; i++) {
        elems[i].style.display = 'none';
    }   
}
function a() {
nul();
document.getElementById('info1').style.display='block';}
function b() {
nul();
document.getElementById('info2').style.display='block';}
function c() {
nul();
document.getElementById('info3').style.display='block';}
</script>
<input   type="radio" name="1"   onchange="a()">1
<input   type="radio" name="1"   onChange="b()">2
<input   type="radio" name="1"   onChange="c()">3
<br>
    <div id="info1" style="display:none">
        <label><input name="2" type="radio" value="Да" />1Да</label>
        <label><input name="2" type="radio" value="Нет" />1Нет</label>
    </div>
    <div id="info2" style="display:none">
        <label><input name="3" type="radio" value="Да" />2Да</label>
        <label><input name="3" type="radio" value="Нет" />2Нет</label>
    </div>
    <div id="info3" style="display:none">
        <label><input name="4" type="radio" value="Да" />3Да</label>
        <label><input name="4" type="radio" value="Нет" />3Нет</label>
    </div>