JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<button>Click</button>
</div>
<div class="container">
<button>Click</button>
</div>
CSS
.container {
height: 150px;
background: #BFE;
}
JavaScript
$(document).ready(function(){
$('button').on('click',function(){
var container = $(this).parent('div');
if (container.hasClass('min')) {
container.animate({'height' : '150px'}).removeClass('min');
} else {
container.animate({'height' : '50px'}).addClass('min');
}
});
});