JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1" >
  Premier texte 
  <button onclick="switch_div(1)">Next</button>
</div>
<div id="div2" class="cache">
  Deuxieme texte 
  <button onclick="switch_div(2)">Next</button>
</div>
<div id="div3" class="cache">
  Troisieme texte 
  <button onclick="switch_div(3)">Next</button>
</div>
<div id="div4" class="cache">
 Dernier texte 
</div>

CSS

.cache {
    display:none;
}

JavaScript

function switch_div(nb)
{
	document.getElementById("div"+nb).classList.toggle("cache");
  document.getElementById("div"+(nb+1)).classList.toggle("cache");
}