JSFiddle - React, Tailwind, and code Playground

by Intesar Haider

HTML

<input id="agree" name="agree1" type="checkbox"/>
<label for="agree">I agree with the terms of blah-blah</label>
<br/>
<input id="agree" name="agree2" type="checkbox"/>
<label for="agree">I also agrees with the terms of bla-bla</label>
<br/><br/>

<input id="nextPage" type="button" value="Next" disabled="disabled"/>


<p class="show">
Show
</p>
<p class="popup">
Popup
</p>

JavaScript

$("#agree").click(function () {
    if($("#agree:checked").length == 2) {
        $(".show").show();
    } else {
        $(".show").hide();
    }
});
$(".show").hide();
$(".popup").hide();

$(".show").click(function () {
	$(".popup").show();
});