Доброго времени суток.
Помогите поправить скрипт.
На сайте
https://clever-babbage-1c01a3.netlify.app есть блок с кругами которые переворачиваются по времени или когда на них навести курсором. Как мог поправил что бы сначала по времени переворачивался верхний ряд, а затем нижний.
Но вот при наведении курсора поварачиваютя не так как надо.
Помогите поправить скрипт.
Зарание спасибо за помощь!
$('.skills__section').each(function(index){
var $t=$(this);
$t.viewportChecker({
callbackFunction:function(elem){
const cards = document.querySelectorAll('.flip-card--1');
let timerId = setTimeout(() => {
cards.forEach(card => {
card.classList.add('flip-card_flipped');
card.removeEventListener('mouseover', flipped);
});
}, 5000);
const cardsTwo = document.querySelectorAll('.flip-card--2');
let timerIdi = setTimeout(() => {
cardsTwo.forEach(card => {
card.classList.add('flip-card_flipped');
card.removeEventListener('mouseover', flipped);
});
}, 5500);
function flipped() {
clearTimeout(timerId);
cards.forEach(card => {
card.classList.add('flip-card_flipped');
card.removeEventListener('mouseover', flipped);
});
}
function flipped() {
clearTimeout(timerIdi);
cardsTwo.forEach(card => {
card.classList.add('flip-card_flipped');
card.removeEventListener('mouseover', flipped);
});
}
cards.forEach(card => card.addEventListener('mouseover', flipped));
cardsTwo.forEach(card => card.addEventListener('mouseover', flipped));
}
});
});
