How to make a DIV visible and invisible with JavaScript

Question

Can you do something like

function showDiv()
{
    [DIV].visible = true;
    //or something
}

Answer 1

You can use visibility or display but you have to apply changes to the div.style object and not the div object itself.

var div = document.getElementById('div_id');

// hide
div.style.visibility = 'hidden';
// OR
div.style.display = 'none';

// show
div.style.visibility = 'visible';
// OR
div.style.display = 'block';