Задача 72070 Подсказка срабатывает со второго...

64872689e0ad530d7a1e0f79

15.06.2023 17:57:09

Подсказка срабатывает со второго раза

const tooltips = document.querySelectorAll(".tooltip");

tooltips.forEach((tooltip) => {

tooltip.addEventListener('mouseover', onTooltipMouseover);
tooltip.addEventListener('mouseout', onTooltipMouseout);
})

function onTooltipMouseover (evt) {
evt.currentTarget.classList.toggle('tooltip-animated1');
}

function onTooltipMouseout (evt) {
evt.currentTarget.classList.toggle('tooltip-animated2');
}

648af786298daa0760afb000

15.06.2023 17:59:38

★

[b]toggle добавляет класс если его нет и удаляет если он есть, я думаю тут скорее подойдёт add и remove[/b]

const tooltips = document.querySelectorAll(".tooltip");

tooltips.forEach((tooltip) => {
tooltip.addEventListener('mouseover', onTooltipMouseover);
tooltip.addEventListener('mouseout', onTooltipMouseout);
})

function onTooltipMouseover (evt) {
evt.currentTarget.classList.add('tooltip–animated1');
}

function onTooltipMouseout (evt) {
evt.currentTarget.classList.remove('tooltip–animated1');
}