<script>
$("document").ready(function(){
// Класс элемента, на который наводим
var hoverElem = $(".tn-elem__1139505381562095591412");
// Класс элемента, который будет анимироваться
var animElem = $(".tn-elem__1139505381562095593462");
// Суммарное время анимации, выставленное в редакторе анимации
var time = 2;
// Остальное не трогаем
setTimeout(function(){
animElem.unbind("click");
}, 500)
time = time * 1000;
var hover = false;
var active = false;
var t;
hoverElem.hover(function(){
hover = true;
mouseOn()
}, function(){
hover = false;
})
function mouseOn() {
animElem.addClass("t-sbs-anim_started");
if (!active) {
t = window.setTimeout(function(){
if (hover) {
hoverElem.on("mouseleave", end);
} else {
animElem.removeClass("t-sbs-anim_started");
clearTimeout(t)
active = false;
}
}, time)
active = true;
}
}
function end() {
animElem.removeClass("t-sbs-anim_started");
hoverElem.unbind("mouseleave", end);
clearTimeout(t)
active = false;
}
})
</script>