Как показать\скрыть блок по клику на внутренние элементы обертки?

Question

[It]

Есть список карточек с элементом View more, при клике на этот элемент карточке должен добавляться класс visible и внутри скрытый блок должен стать видимым, заполнив всю карточку. В этом видимом блоке есть элемент Close, который по клику на него или по клику за пределы карточки должен убирать класс visible с карточки, делая тем самым блок снова скрытым.
Как это правильно на чистом js реализовать?

Вот код - Codepen

Answer 1

[It]

Всё решилось в разы банальнее чем сначала казалось. Все эти массивы с переборами абсолютно не нужны. Повесил на кнопки обработчики onclick="this.parentElement.classList.toggle('visible');" и всё. На закрытие такоё же только с parent.parent. Так что вопрос исчерпан.