JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list" >
  <li class="list_ch1">list item 1</li>
  <li class="list_ch2">list item 2</li>
  <li class="list_ch3">list item 3</li>
  <li class="list_ch4">list item 4</li>
</ul>

CSS

.list {
        display:flex; flex-direction: 
        }
.list li{
     list-style: none;background-color: pink; color: white; font-weight: 800; row; margin-left: 15px; padding: 8px;
        }

JavaScript

$('.list_ch3').click(function(){
     $('.list_ch3').animate({opacity:0}, 1000);
    });