JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:unhide('text1');">Text 1</a> 
<a href="javascript:unhide('text2');">Text 2</a>
<a href="javascript:unhide('text3');">Text 3</a>
<div id="text1" class="unhidden"> 
    This will show up when the Text 1 link is pressed.
</div>
<div id="text2" class="hidden"> 
    This will show up when the Text 2 link is pressed.
</div>
<div id="text3" class="hidden">
    This will show up when the Text 3 link is pressed.
</div>

CSS

.hidden { display: none; }
.unhidden { display: block; }

JavaScript

function unhide(divID) {

	var divIds = [ "text1", "text2", "text3" ];
	for ( var i = 0, len = divIds.length; i < len; i++) {
		var item = document.getElementById(divIds[i]);
		if (item) {

			item.className = divID == divIds[i] ? 'unhidden' : 'hidden';

		}
	}

}