JSFiddle - React, Tailwind, and code Playground

by Steve Ayers

HTML

<div class="carl">
</div>

CSS

.carl {
   background: green;
    width:100px;
    height: 100px;
    padding: 20px;
    box-sizing: border-box;
    text-align:center;
}
.carl:hover {
    cursor:pointer;
}
.no-height {
  height: 0;
    padding: 0;
    background-color:#ccc;
  transition: all .5s ease;
}

JavaScript

$('div').click(function() {
    $(this).addClass('no-height');
});