Как сделать, чтобы при нажатии на каждый из блоков появлялся свой контент?

Question

[Flagname]

Есть несколько div'ов. Количество их может быть любое, не фиксированное. Нужно, чтобы при нажатии на каждый из div'ов вылезал его контент. У каждого контент свой. Как такое реализовать? Понимаю, что аналогия с табами, но не могу додумать самостоятельно.

Answer 1

[Тигран Абрамян]

Answer 2

[Евгений]

div * {opasity: 0;}

let parentElement = document.querySelector('div').parentNode;
parentElement.addEventListener('click', function (e) {
    let elemArr = e.target.children;
    for(let i = 0; i < elemArr.lenght; i++) {
        elemArr[i].style.opasity = '1';
    }
});

Раз нет вариантов, то без изменения документа - вот такой вариант, но советую сделать промежуточный див , и только ему вешать стиль))

Comments

[Flagname]

opacity:0; занимает место на сайте все равно. Мне нужно добиться того, чтобы при загрузке страницы все элементы были скрыты. Это просто как карточки/каталоги на сайте. Нажимаешь на любой -- появляется поверх какое-то окошко, которое соответствует этой карточке. Как это вообще называется, чтобы можно было погуглить?

[Евгений]

Flagname, не понял смыл))