Mouseenter Показать диалоговое окно / всплывающую подсказку через 3 секунды ожидания ⇐ CSS

[Anonymous]

У меня есть элемент, и при наведении курсора мыши отображается дополнительная информация

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

document.getElementById(item.id).getElementsByTagName("div")[0].classList.add(classes.hoverDescription)

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

.treeNodeDescription{
font-family: "liberation-sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
padding: 5px;
background-color: #333333;
color: #F8F7F7;
padding: 10px;
border-radius: 10px;
display: none;
position: absolute;
top: 130%;
left: 21%;
z-index: 10;
max-width: 300px;
text-wrap: wrap;
}

.hoverDescription{
display: block;
}

Но я бы хотел, чтобы всплывающая подсказка отображалась через 3 секунды ожидания. И скрыть его при отпускании мыши.

Как это сделать с помощью JavaScript или CSS?


Подробнее здесь: https://stackoverflow.com/questions/793 ... conds-wait