Usually, to hide a control or a block in HTML, we can use the following JavaScript to set the style of the control or the block,
document.getElementById(“”).style.display=”none”;
or apply the following css,
.some-css-name
{
display:none
}
But it will remove the space occupied by the control as well. If we want to keep the space, but only want to hide the control, we can use the following way,
document.getElementById(“”).style.visibility=”hidden”;
or
.some-css-name
{
visibility:hidden;
}
BTW, the reverse function of the above is as below,
document.getElementById("").style.display="inline"document.getElementById("").style.visibility="visible";