JSFiddle - React, Tailwind, and code Playground

by xxxwww

HTML

<script>
  function toggler(btn) {
		elem = document.getElementById(btn.dataset.toggle)
		console.log(btn.dataset)
    if (elem.style.display == 'block') {
      elem.style.display = 'none';
      btn.innerHTML = btn.dataset.showText || 'Show';
    } else {
      elem.style.display = 'block';
      btn.innerHTML = btn.dataset.hideText || 'Hide';
    }
  }
</script>

<body>
  <a 	onclick="toggler(this)" 
			data-toggle="box" 
			data-show-text="Открыть" 
			data-hide-text="Закрыть" 
			href="#">Открыть</a>
  <div id="box" style="display: none"> Отображаемый блок</div>

	<br>

  <a 	onclick="toggler(this)" 
			data-toggle="homeBox" 
			data-show-text="Home" 
			data-hide-text="Hide home" 
			href="#">Home</a>
  <div id="homeBox" style="display: none">Text</div>

</body>