JSFiddle - React, Tailwind, and code Playground

HTML

<div style="background-color:black; width:100px; color: white;" id="div_a">
aaa
</div>
<div style="background-color:black; width:100px; color: white;" id="div_b">
bbb
</div>
<div style="background-color:black; width:100px; color: white;" id="div_c">
ccc
</div>
<input type="button" id="button_1" value="hide B">

JavaScript

$(document).ready(function() {
    $('#button_1').click(function () {              
        $('#div_b').fadeOut('slow', function() {
            $(this).css({"visibility":"hidden"});
            $(this).css({"display":"block"});
         });
    });
});