JSFiddle - React, Tailwind, and code Playground

show/hide div using only JS

by Pitchiah Natarajan

HTML

<div id="unhide"  style="display:none;">DUMMY TEXT</div>
<button id="expand" name="expand">Show The Div</button>

JavaScript

document.getElementById("expand").addEventListener("click", function() 
{
		var displayDiv = document.getElementById('unhide');
    var displayValue = (displayDiv.style.display === "block") ? "none" : "block";
    this.innerHTML = (displayValue === "block") ? "Hide The Div" : "Show The Div";
    displayDiv.style.display = displayValue;
});