Как показать скрытый текст ⇐ Html

[Anonymous]

Я пытался показать свое скрытое описание, когда пользователь колеблется над изображением, но по какой-то причине я не могу заставить его работать. < /p>


.imageContainer {
display: inline-block;
transition: all 1s ease;
}

.hidden {
display: none;
visibility: hidden;

}

.imageContainer:hover .hidden {
display: block;
visibility: visible;

}< /code>


class="img-fluid p-4"
alt="mermaid"
id="page1-img"
/>


Mermaid Page


description

Launch App
< /code>
< /div>
< /div>
< /p>
Я попытался изменить видимость, которая не сработала. Я пытался использовать функцию с ClassList и .AddeventListner, которая тоже не сработала. Однако я мог бы написать что -то не так. Описание остается не видимым.

Подробнее здесь: https://stackoverflow.com/questions/796 ... idden-text