JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="create-login-button" role="button">

<div id="create-login-group" class="hideMe">
  Some text is here
</div>
<div>
  more content
</div>

CSS

.hideMe {
  display: none;
}

#create-login-group {
  border: 2px solid #000;
  height: 100px;
  width: 150px;
}

JavaScript

$( "#create-login-button" ).change(function() {
	$('#create-login-group').toggleClass("hideMe", 1000, "easeInOutQuad");        
	});