JSFiddle - React, Tailwind, and code Playground

by grant

HTML

<div id="click" class="bbb">click</div>
<div id="ccc" style="display:none;">hello world</div>

CSS

.bbb { background-color: blue; }
.aaa { background-color: red; }

JavaScript

$("#click").toggle(
function() {
   $("#ccc").slideDown("fast").show();
    $(this).removeClass('bbb').addClass('aaa');
}, 
function() {
   // $("#ccc").hide();
    $(this).removeClass('aaa').addClass('bbb');
});