JSFiddle - React, Tailwind, and code Playground

by m4xout

HTML

<div class="the-thing block" style="background:#ccc;padding:30px;">
Showing

</div>
<div class="the-invisible block" style="display:none;">
Hiding
</div>

CSS

.block {
  font-family: helvetica, sans-serif;
  padding: 10px 20px;
}

JavaScript

$('.the-thing').click(function() {
  console.log('clicked');
    $('.the-invisible').css({
        'display': 'block',
    });
});