JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<ul>
<li>Menu</li>
<li>link1</li>
<li>link2</li>
<li>link3</li>
</ul>

CSS

ul li:not(:first-child){
  opacity: 0;
}
ul li {
  float: left;
  padding: 10px;
  margin: 10px;
  background: #e6e6e6;
  list-style: none;
  transition: all 1s;
}
ul li.show {
  opacity: 1;
}

JavaScript

$(document).ready(function(){
	$('li:first-child').click(function(){
  	 var time = 250;
  	$(this).siblings().each(function(){
    	var el = $(this);
    	 setTimeout( function(){ 
       	el.toggleClass('show'); 
       }, time);
       time = time+250;
    });
  });
});