JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<script src="http://placehold.it/140x100"></script>
<script src="http://placehold.it/116x116"></script>
<input type="checkbox" id="hide" />


<div id="randomDiv">
  배너 내용
  <label for="hide">닫기</label>
</div>

CSS

#hide {
  display: none;
}
label {
  cursor: pointer;
  text-decoration: underline;
}
#hide:checked ~ #randomDiv {
  display: none;
}