JSFiddle - React, Tailwind, and code Playground

by dbwest

HTML

<form id='form-id'>
  <input id='watch-me' name='test' type='radio' /> Number1<br />
  <input id='watch-me2' name='test' type='radio' /> Number 2<br />
  <input name='test' type='radio' id='watch-me3'/> Number 3
</form>
<div id='show-me' style='display:none'>Div1</div>
<div id='show-me2' style='display:none'>Div2</div>
<div id='show-me3' style='display:none'>Div3</div>

JavaScript

$('#form-id').change(function() {
    if ($('#watch-me').attr('checked')) {
        $('#show-me').show();
    } else {
        $('#show-me').hide();
    }
    if ($('#watch-me2').attr('checked')) {
        $('#show-me2').show();
    } else {
        $('#show-me2').hide();
    }
    if ($('#watch-me3').attr('checked')) {
        $('#show-me3').show();
    } else {
        $('#show-me3').hide();
    }
});