JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  
  <li class="active">item1</li>
  <li >item2</li>
<li>item3</li>
</ul>
<button  class="prev">prev</button> <button class="next">Next</button>

CSS

li{
  display: none;
}
.active{
  display: block;
}

JavaScript

$('.next').click( function(){
	$('.active').next().addClass('active').prev().removeClass('active')
})
$('.prev').click( function(){
	$('.active').prev().addClass('active').next().removeClass('active')
})