JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<input type="radio" value="Value 1" name="myRadio" data-divtoshow='0' />
<input type="radio" value="Value 2" name="myRadio" data-divtoshow='1' />
<input type="radio" value="Value 3" name="myRadio" data-divtoshow='2' />
<input type="radio" value="Value 4" name="myRadio" data-divtoshow='3' />

<div class="editfield"> Div 1 </div>
<div class="editfield"> Div 2 </div>
<div class="editfield"> Div 3 </div>
<div class="editfield"> Div 4 </div>
<div class="editfield"> Div 5 </div>
<div class="editfield"> Div 6 </div>
<div class="editfield"> Div 7 </div>

CSS

.editfield { display:none; }

JavaScript

$('input[type="radio"]').click(function(){
    $(".editfield").hide().eq($(this).data('divtoshow')).show();
});