JSFiddle - React, Tailwind, and code Playground

HTML

<button onclick="javascript:show('text1'); return false">Button1</button>
		<button onclick="javascript:show('text2'); return false">Button2</button>
		<button onclick="javascript:show('text3'); return false">Button3</button>
		<button onclick="javascript:show('text4'); return false">Button4</button>

		
<div style="display: none" id="text1">Hier ist Text 1</div>
		<div style="display: none" id="text2">Hier ist Text 2</div>
		<div style="display: none" id="text3">Hier ist Text 3</div>
		<div style="display: none" id="text4">Hier ist Text 4</div>

JavaScript

function show(id) {
    if(document.getElementById) {
        var mydiv = document.getElementById(id);
        mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
    }
}