JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<input type="button" onclick="showHide('hidethis')" value="Test It"> 
<div id="hidethis" style="display:none">
    <h1>TEST 1</h1>
</div>

<input type="button" onclick="showHide('hidethis2')" value="Test It 2"> 
<div id="hidethis2" style="display:none">
    <h1>TEST 2</h1>
</div>

JavaScript

function showHide(divId) {
    
    /* Hide all div */
    var elements = document.getElementsByTagName('div');

    for (var i = 0; i < elements.length; i++) {
        elements[i].style.display = "none";
    }
    
    /* Set display */
    var theDiv = document.getElementById(divId);
    theDiv.style.display = "";
}