JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<div>
<section id="container_1">
Immediate
<button id="hide_1">hide me</button>
</section>
<section id="container_2">
With transition
<button id="hide_2">hide me</button>
</section>
</div>
CSS
div {
display: flex;
}
section {
border: 1px dotted #ccc;
margin: 1rem;
padding: .5rem;
}
button {
display: block;
margin: 1rem 0 0;
}
JavaScript
$("#hide_1").click(function() {
$("#container_1").hide();
});
$("#hide_2").click(function() {
$("#container_2").fadeTo(250, 0);
});