JSFiddle - React, Tailwind, and code Playground

by Pradeep Shankar

HTML

<span id="testing">test1</span>
<div id="div1">
    <div id="one">div1</div>
    <div id="two">div2</div>
</div>

<div id="div2" style="display:none">
    Another div
</div>

JavaScript

function swap(a, b) {
    document.getElementById(a).style.display = 'block';
    document.getElementById(b).style.display = 'none';
}
var str = document.getElementById('testing').innerHTML;
if(str.indexOf('test1') > -1) {
     swap('one','two');
}
else if(str.indexOf('test2') > -1)  {
    swap('two','one');
}
else  {
    swap('div2','div1'); 
}