Как использовать имя класса для изменения отображения элемента? ⇐ CSS

[Anonymous]

Позвольте мне быть откровенным: я понятия не имею, как работает JavaScript. Я надеялся, что кто-нибудь покажет мне, как заставить это работать.
Я пытаюсь использовать имя класса элемента, чтобы изменить его отображение на «нет», а отображение следующего родственного элемента «блокируется» при нажатии. Я использую имя класса, потому что хочу, чтобы оно применимо к любому элементу, имеющему этот класс. Кто-нибудь, пожалуйста, скажите мне, что я сделал не так?
CSS

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

.box {
position: relative;
top: 0px;
width: 150px;
height: 150px;
color: #fff;
cursor: pointer;
}

#box {
background-color: green;
}

#box2 {
display: none;
background-color: blue;

HTML

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

text text text text text

text text text text text text text text text text

JS

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

function myFunction() {
if (element.hasClass("box")) {
this.element.style.display = "none";
nextElementSibling.style.display = "block";
}
}

Извините, если это глупо, я понятия не имею, что делаю.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ts-display