JSFiddle - React, Tailwind, and code Playground
HTML
<div id="effect" class="ui-widget-content ui-corner-all">
<h3 class="ui-widget-header ui-corner-all">Hide</h3>
<p>
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
</p>
CSS
div {
background-color : black;
}
JavaScript
$('#effect').click(function(){
$('#effect').effect('fade');
});