JSFiddle - React, Tailwind, and code Playground

HTML

<div class="checkArea">
  <p><label for="agree01">동의</label><input type="checkbox" id="agree01" name="" /></p>
  <div class="agBox">
     agBox
     <p class="agBoxClose"><a href="javascript:void(0)">닫기</a></p>
  </div>
</div>

CSS

.checkArea .agBox{display:none;padding:10px;border:1px solid red;}
.checkArea.current .agBox{display:block;}

JavaScript

$(function(){
	$(".checkArea input:checkbox").click(function(){
  	if($(this).prop("checked")){
      $(this).parents(".checkArea").addClass("current");
    }else{
      $(this).parents(".checkArea").removeClass("current");
    }
  });
  $(".agBoxClose a").click(function(){
    $(this).parents(".checkArea").removeClass("current");
  });
});