JSFiddle - React, Tailwind, and code Playground
HTML
<form id="myform">
<div class="p">
<label for="p1">Lubisz Natalke?</label><br>
<input type="radio" name="p1" id="p1" />TAK!!! <br>
<input type="radio" name="p1" id="p1" />NIE :( <br>
<input type="radio" name="p1" id="p1" />NIE WIEM :D <br>
</div>
<div class="p">
<br>
<label for="p2">Z czym Natalka je kanapki?</label> <br>
<input type="radio" name="p2" id="p2" /> Z dżemem <br>
<input type="radio" name="p2" id="p2" /> Z ogórkiem <br>
<input type="radio" name="p2" id="p2" /> Z parówą<br>
</div>
<div class="p">
<br>
<label for="p3">Jak często Natala pije piwo</label><br>
<input type="radio" name="p3" id="p3" /> Raz na tydzień<br>
<input type="radio" name="p3" id="p3" /> Raz w miesiącu<br>
<input type="radio" name="p3" id="p3" /> Raz w roku<br>
</div>
</form>
JavaScript
var fields = $('#myform .p').hide();
fields.first().show();
fields.find(':input').bind('focus', function() {
$(this).closest('.p').next('.p').show();
});