JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<div>	<a href="#" onclick="toggle_visibility('12');">+</a>
	<span id="12" class="hidden">Hidden content</span>

</div>
<div>	<a href="#" onclick="toggle_visibility('13');">+</a>
	<span id="13" class="hidden">Hidden content</span>

</div>
<div>	<a href="#" onclick="toggle_visibility('14');">+</a>
	<span id="14" class="hidden">Hidden content</span>

</div>
<div>	<a href="#" onclick="toggle_visibility('15');">+</a>
	<span id="15" class="hidden">Hidden content</span>

</div>

CSS

a {
    text-decoration: none;
}
.hidden {
    display: none;
}

JavaScript

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if (e.style.display == 'block') e.style.display = 'none';
    else e.style.display = 'block';
}