Show/Hide or Toggle Content with Javascript

Here is a simple javascript snippet that you can use to toggle the contents of a div.

function toggleDisplay() {
    var e = document.getElementById('toggle_div');
    e.style.display = (e.style.display == 'none') ? 'block' : 'none'; 
}


<input type="button" value="Toggle Display" onclick="toggleDisplay()" />

<div id="toggle_div" style="display: none">
Hello World.
</div>

Comments