JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.cache {
    display:none;
}

JavaScript

function switch_div(elt)
{
	elt.parentElement.classList.toggle("cache");
  elt.parentElement.nextElementSibling.classList.toggle("cache");
}