JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<div class="formBlock laatste hidden1" style="display: block;">
    <div class="formInputContainter">
        <label class="required">Factuuradres</label>
        <input type="radio" name="postbusORstraat1" class="formRadioContainter" value="Postcode"><span class="radiobuttonSpan">Postbus.</span><input type="radio" checked="" class="formRadioContainter" name="postbusORstraat1" value="Straat"><span class="radiobuttonSpan">Straat</span>
    </div>
</div>    
<!-- Scheiding -->
<div class="formBlock laatste hidden1 adresKeuze" id="Straat">
    <div class="formInputContainter">
        <label class="required">Straat</label>
        <input type="text">
    </div>
     <div class="formInputContainter">
        <label class="required">Huisnr./Toevoeging</label>
        <input type="text" class="first">
        <input type="text" class="last">
    </div>
     <div class="formInputContainter">
        <label class="required">Postcode/Plaats</label>
        <input type="text" class="first">
        <input type="text" class="last">
    </div>
    <div class="formInputContainter lastItem">
        <label>Land</label>
        <input type="text" value="Nederland">
    </div>
</div>
<!-- Scheiding -->
<div class="formBlock laatste hidden1 adresKeuze" id="Postcode" >
    <div class="formInputContainter">
        <label class="required">Postbus</label>
        <input type="text">
    </div>
     <div class="formInputContainter">
        <label class="required">Postcode/Plaats</label>
        <input type="text" class="first">
        <input type="text" class="last">
    </div>
    <div class="formInputContainter lastItem">
        <label>Land</label>
        <input type="text" value="Nederland">
    </div>
</div>

CSS

.adresKeuze { display: none; }

JavaScript

$(document).ready(function(){ 
    $("input[name=postbusORstraat1]").change(function() {
        var test = $(this).val();
        $(".adresKeuze").hide();
        $("#"+test).show();
    }); 
});