JSFiddle - React, Tailwind, and code Playground

HTML

<FIELDSET><LEGEND>Is het een overname van een ander kantoor met een nieuwe naam?</LEGEND><LABEL class=alg_overname for=alg_overname><INPUT id=alg_overname class=alg_overname value=Ja type=radio name=alg_overname . jQuery16208359620628779298="4">Ja</LABEL><LABEL class=alg_overname for=alg_overname><INPUT id=alg_overname class=alg_overname value=Nee type=radio name=alg_overname . jQuery16208359620628779298="5">Nee</LABEL></FIELDSET><LABEL class=alg_overname_naamoud for=alg_overname_naamoud>Zo ja welk</LABEL><INPUT id=alg_overname_naamoud class=alg_overname_naamoud maxLength=100 name=alg_overname_naamoud>
<FIELDSET><LEGEND>Indien geen overname, was er op hetzelfde adres in het verleden een ander kantoor gevestigd? (eventueel stopzetting of faling)</LEGEND><LABEL class=alg_anderkantoor for=alg_anderkantoor><INPUT id=alg_anderkantoor class=alg_anderkantoor value=Ja type=radio name=alg_anderkantoor . jQuery16208359620628779298="6">Ja</LABEL><LABEL class=alg_anderkantoor for=alg_anderkantoor><INPUT id=alg_anderkantoor class=alg_anderkantoor value=Nee type=radio name=alg_anderkantoor . jQuery16208359620628779298="7">Nee</LABEL></FIELDSET><LABEL class=alg_anderkantoor_naam for=alg_anderkantoor_naam>Zo ja welk</LABEL><INPUT id=alg_anderkantoor_naam class=alg_anderkantoor_naam maxLength=100 name=alg_anderkantoor_naam>
<FIELDSET><LEGEND>Behoort u tot een keten?</LEGEND><LABEL class=alg_keten for=alg_keten><INPUT id=alg_keten class=alg_keten value=Ja CHECKED type=radio name=alg_keten . jQuery16208359620628779298="8">Ja</LABEL><LABEL class=alg_keten for=alg_keten><INPUT id=alg_keten class=alg_keten value=Nee type=radio name=alg_keten . jQuery16208359620628779298="9">Nee</LABEL></FIELDSET><LABEL style="DISPLAY: inline-block" class=alg_keten_naam for=alg_keten_naam jQuery16208359620628779298="50">Zo ja welk</LABEL><INPUT style="DISPLAY: inline" id=alg_keten_naam class=alg_keten_naam maxLength=100 name=alg_keten_naam jQuery16208359620628779298="49">
<FIELDSET><LABEL...

CSS

.alg_overname_naamoud{
    display:none;
}
.alg_anderkantoor_naam{
    display:none;
}
.alg_keten_naam{
    display:none;
}
.alg_coop_naam{
    display:none;
}
.con_akk_reden{
    display:none;
}
.alg_keten_naam{
    display:none;
}

JavaScript

$('input[name="alg_overname"]').change(function(){
        if($(this).val() == 'Ja'){
            $('.alg_overname_naamoud').show();
        }
        else{
            $('.alg_overname_naamoud').hide();
        }
    });
    $('input[name="alg_anderkantoor"]').change(function(){
        if($(this).val() == 'Ja'){
            $('.alg_anderkantoor_naam').show();
        }
        else{
            $('.alg_anderkantoor_naam').hide();
        }
    });

    $('input[name="alg_keten"]').change(function(){
        if($(this).val() == 'Ja'){
            $('.alg_keten_naam').show();
        }
        else{
            $('.alg_keten_naam').hide();
        }
    });
    $('input[name="alg_keten"]').change(function(){
        if($(this).val() == 'Ja'){
            $('.alg_keten_type').show();
        }
        else{
            $('.alg_keten_type').hide();
        }
    });
    $('input[name="alg_coop"]').change(function(){
        if($(this).val() == 'Ja'){
            $('.alg_coop_naam').show();
        }
        else{
            $('.alg_coop_naam').hide();
        }
    });
    
    $('input[name="con_akk"]').change(function(){
        if($(this).val() == 'Nee'){
            $('.con_akk_reden').show();
        }
        else{
            $('.con_akk_reden').hide();
        }   
    });