JSFiddle - React, Tailwind, and code Playground

by gchoken

HTML

<div class="holder">
    I m Holder
<ul>
    im ul
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
    </ul> 

</div>

CSS

.holder{background-color:yellow;}

JavaScript

$(function(){


    $('.holder li').click(function(){
    
        var index = $(this).closest('.holder').find('li:visible').css('color','red').size();
        
      $(this).text('delete').fadeOut('slow');
//alert(index);
        if(index == 1){
                
            $(this).closest('.holder').text('Finished').animate({opacity: 0.25,right:'+=250'},5000).fadeOut('10000');
            
        }        
        
      
        
        
    });     

});