JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" id="check""> <span id="rm">Remember me</span>
<span id="ok">Okay!</span>
CSS
input[type="checkbox"] {
vertical-align:-10%;
}
#rm {
font:14px century;
}
#ok {
position:absolute;
font:italic bold 14px century;
color:green;
margin-left:3px;
margin-top:2px;
display:inline-block;
opacity:0;
}
JavaScript
$('#check').on('change',function(){
if(this.checked)
$("#ok").css("opacity", 1);
else
$("#ok").css("opacity", 0);
});