JSFiddle - React, Tailwind, and code Playground

HTML

<section id="section1">Section 1</section>
        <section id="section2">Section 2</section>
        <section id="section3">Section 3</section>
<input type="button" value=" Next " id="btnNext">

CSS

section{display:none};

JavaScript

$(function(){
 $('#section1').show();
 var currentSection='section1';
    var lastSection = $('[id^=section]:last').attr('id');
    $('#btnNext').click(function(){
        if(currentSection!=lastSection)
        {
        // hide all section for id start with section
            $('[id^=section]').hide();
      var nextSection = $('#'+currentSection).next();
      currentSection = $(nextSection).attr('id');
      $(nextSection).show();
        }
    });
});