JSFiddle - React, Tailwind, and code Playground

HTML

<label class="kop" for="kop-1">Kop 1</label>
<input type="radio" name="kop" id="kop-1" />
<div class="paneel">content</div>
<label class="kop" for="kop-2">Kop 2</label>
<input type="radio" name="kop" id="kop-2" />
<div class="paneel">
    content
    <input type="text" />
</div>

CSS

.kop {
    cursor     : pointer;
    display    : block;
    background : #bbb;
    padding    : .35em .7em;
}

.paneel {
    display    : none;
    background : #eee;
    padding    : .35em .7em;
}

.kop + input {    
    position : absolute;
    clip     : rect(0, 0, 0, 0);
    outline  : none; 
}

.kop + input:checked + .paneel {
    display : block;
}