JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<ul id="skater_mulitivew">
  <li class="first_gallery"></li>
  <li class="second_gallery"></li>
  <li class="third_gallery"></li>
  <li class="fourth_gallery"></li>
</ul>

<button class="right_trigger">Run</button>

JavaScript

$('.right_trigger').click(function(event) { 
    for(var i = 0; i < $('#skater_mulitivew').children().length; i++){
        $('#skater_mulitivew li').eq(i).fadeOut('slow', function(){
           $(this).fadeIn('slow'); 
        });
    }
});