JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div class="container">
  <div id="etapa1" class="">
    <h1>Etapa 1</h1>
    <div class="step1"></div>
    <button class="next1" type="button">NEXT>></button>
  </div>
  <div id="etapa2" class="esconder">
    <h1>Etapa 2</h1>
    <div class="step2"></div>
    <button class="prev1" type="button"><< Prev</button>
    <button class="next2" type="button">NEXT>></button>
  </div>
</div>

CSS

.esconder
{
  display:none;
}

.step1
{
  width:100px;
  height:100px;
  background-color: red;
}
.step2
{
  width:100px;
  height:100px;
  background-color: blue;
}

JavaScript

$(document).ready(function(){
	$('.next1').click(function(){
  	$('#etapa1').addClass('esconder');
    $('#etapa2').removeClass('esconder');
  });
  $('.prev1').click(function(){
  	$('#etapa1').removeClass('esconder');
    $('#etapa2').addClass('esconder');
  });
});