JSFiddle - React, Tailwind, and code Playground
HTML
<div id="btn">
<button>Click Me!</button>
</div>
<div id="text">
<h1> hello </h1>
</div>
<div id="text2">
<h2 style> Hi There! <h2>
</div>
CSS
#text2 {
opacity: 0;
}
JavaScript
jQuery(function() {
$('#btn').click(function(){
$('#text2').fadeIn(1000);
});
})