JSFiddle - React, Tailwind, and code Playground

by rajeevRF

HTML

<form action="" method="post">
<div class="check_div">
<input type="checkbox" id="check1" name="check1" value="00">
<label for="check1"> 00</label><br>
</div>
<div class="heynow1_div">
<label for="heynow"> Hey Now</label><br>
<input type="text" id="heynow" name="heynow" value="">
</div>
<div class="heynow2_div">
<label for="heynow2"> Hey Now2</label><br>
<input type="text" id="heynow2" name="heynow2" value="">
</div>
</form>

JavaScript

$( document ).ready(function() 
{
$(".heynow2_div").hide();
$("#check1").click(function() {
    if($(this).is(":checked")) {
        $(".heynow2_div").show(300);
    } else {
        $(".heynow2_div").hide(200);
    }
});
});