JSFiddle - React, Tailwind, and code Playground

by srjjj

HTML

<input id="1" type="checkbox" name="option[]" value="1" /> 1
  <div id="2" style="display:none"> <input type="checkbox" name="option[]" value="2" /> 2</div>
  <div id="3" style="display:none"> <input type="checkbox" name="option[]" value="3" /> 3</div>

JavaScript

jQuery('#1').change(function(){
  if(jQuery(this).prop("checked")) {
    jQuery('#2').show();
  } else {
    jQuery('#2').hide();
  }
});

jQuery('#2').change(function(){
  if(jQuery(this).prop("checked")) {
    jQuery('#3').show();
  } else {
    jQuery('#3').hide();
  }
});