Всем привет! Я в js новичок, поэтому строго не судите) Пишу приложение, в котором при нажатии на кнопку появляются четыре картинки, из которых нужно выбрать одну. Выбранная картинка смещается в центр контейнера, а остальные скрываются. Все работает, если делать это не быстро. Но, если нажать на кнопку и потом очень быстро (меньше секунды или около того) на картинку, то при смещении этой картинки в центр, какая-то картинка не успевает скрыться, соответственно слетает верстка и получается черти_что(( Помогите решить проблему, ну хоть намекните где искать))
функция события при нажатии на картинку:
function picture () {
if( window.innerWidth < 481 ) {
$card2.classList.add ('hide')
$card3.classList.add ('hide')
$card4.classList.add ('hide')
$card1.style.marginLeft = 65 + '%'
}
}
CSS:
.hide {
display: none!important;
}