JSFiddle - React, Tailwind, and code Playground

HTML

<script language="javascript"> 
    function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "Lees meer";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "Verberg";}} 
    </script>
      <h4>Tekst1</h4>
      <p>zichtbare tekst<a id="displayText" href="javascript:toggle();">Lees meer</p></a> <div id="toggleText" style="display: none">
      <p>Tekst achter de knop</p>
      </div>

      <h4>Tekst2</h4>
      <p>zichtbare tekst 2<a id="displayText" href="javascript:toggle();">Lees meer</p></a> <div id="toggleText" style="display: none"><p>Tekst achter de knop</p>
	  </div>