Событие HTML onclick не работает с параметром ⇐ Html

[Anonymous]

Когда я нажимаю кнопку, которая должна делать объекты видимыми и невидимыми, весь веб-сайт исчезает.
Я пытался создать элемент div с текстом и, возможно, изображениями, и позволить ему исчезать и появляться при нажатии кнопки. Таким образом, это будет выглядеть так, как будто в поле «Информация» отображается больше информации, когда пользователь хочет ее прочитать.
Но я хотел бы получить решение, которое я мог бы использовать для большего количества полей, подобных этому, поэтому я могу только скопировать HTML и переключить параметр onclick и идентификатор с div на 2, 3...

Код: Выделить всё

function open(x) {
var more_info = document.getElementById("project_info_" + x);
if (more_info.style.display == "none") {
more_info.style.display = "unset";
} else {
more_info.style.display = "none";
}
}

Код: Выделить всё

.project-box {
padding: 2vh;
margin-bottom: 3vh;
box-shadow: 0px 5px 7px rgb(136, 136, 136);
}

.project-button {
width: 20vw;
height: 3vh;
background-color: #d6d6d6;
border: none;
}

.project-button:hover {
background-color: #B50000;
color: white;
}

.project-button:focus,
.project-button:active,
.project-button:visited {
border: none;
border-radius: 0;
}

.project-closed {
display: none;
}

* {
font-family: Arial, Helvetica, sans-serif;
font-size: 2vh;
}

Код: Выделить всё

Project 1
description

Informations

More details

Подробнее здесь: https://stackoverflow.com/questions/656 ... -parameter