JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="toggle-trigger">Toggle Div Visibility</a>    
<div class="slide" id="slide-one">One</div>
<div class="slide" id="slide-two">Two</div>
<div class="slide" id="slide-three">Three</div>
<div class="slide" id="slide-four">Four</div>
<div class="slide" id="slide-five">Five</div>

CSS

.slide{
display:none;
}
#slide-one{
display:block;
}

JavaScript

$(function()
{
  $('#toggle-trigger').click(function()
  {
    var $Current = $('.slide:visible');
    var $Slides = $('.slide');
    var $Next = $Current.next();
    if ($Next.length == 0) $Next = $Slides.first();
    $Slides.hide();
    $Next.show();
  });
});