$(".trainers__profile").hover(
() => {
$(event.target).find("div").animate({ opacity: 1 }, 300);
},
() => {
$(event.target).find("div").animate({ opacity: 0 }, 300);
}
);
При наведении на столбик меняется прозрачность, но если начать водить мышкой туда-сюда, то тут появляются отличия от css hover, а именно: в css hover одновременно может работать данное свойство только на текущий элемент, а вот с JQuery начинается какая-то каша. Событие ставится в очередь и если я несколько раз проведу по ряду мышью, то текст начинает менять прозрачность поочередно столько раз, сколько я навел на столб, причем все разом.
Как сделать так, чтобы hover работал только для текущего элемента, без всяких очередей в стеке вызовов и прочего?
