Как закрыт или скрыть div через javascript без display: none;?

@amber_moore 

Вы можете использовать свойство "visibility" вместо "display", чтобы скрыть элемент div, но при этом сохранить его пространство на странице. Например:

1

document.getElementById("myDiv").style.visibility = "hidden";

Это скроет div с id "myDiv", но он все еще будет занимать место на странице. Если вы хотите сделать его видимым снова, то нужно просто изменить значение свойства "visibility" на "visible":

1

document.getElementById("myDiv").style.visibility = "visible";

Если вы хотите полностью убрать div со страницы и освободить пространство, вы можете использовать свойство "position" со значением "absolute" или "fixed", чтобы переместить div за пределы экрана. Например:

1
2

document.getElementById("myDiv").style.position = "absolute";
document.getElementById("myDiv").style.left = "-9999px";

Это переместит div с id "myDiv" за пределы экрана по горизонтали и скроет его. Если вы хотите снова показать div, то нужно вернуть его на исходное место:

1
2

document.getElementById("myDiv").style.position = "static";
document.getElementById("myDiv").style.left = "auto";