JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

Search:<br/> 
Text0: <input type="text" id="txtSimple">
<input type="checkbox" id="chkAdv">
  <div style="display:none" id="divAdv">
    Text1: <input type="text" id="txtAd1"><br/> 
    Text2: <input type="text" id="txtAd2">
  </div>
 <Input type="submit">

JavaScript

$( document ).ready(function() {
        $("#chkAdv").click(function() //trigger on checkbox clicked
        {
          if($(this).prop('checked')) //is checkbox checked?
          {
             $("#divAdv").show();
          }
          else
          {
             $("#divAdv").hide();
            //TODO: clear two additional textboxes
          }
        });
    });