JSFiddle - React, Tailwind, and code Playground

HTML

<div class="s">Hi</div>
<div class="s">Hi</div>
<div class="s">Hi</div>

CSS

.s {
      cursor: pointer;
}


 @keyframes expand-hide {
    0% {
      visibility: visible ;
    }
    100% {
      visibility: collapse;
    }
}
.hide {
  animation: expand-hide 1s forwards;
}

JavaScript

$(document).ready(function(){
    $(".s").click(function(){
        $(this).addClass("hide");
    })        
})