Асинхронность?
 

Всем привет! Я в js новичок, поэтому строго не судите) Пишу приложение, в котором при нажатии на кнопку появляются четыре картинки, из которых нужно выбрать одну. Выбранная картинка смещается в центр контейнера, а остальные скрываются. Все работает, если делать это не быстро. Но, если нажать на кнопку и потом очень быстро (меньше секунды или около того) на картинку, то при смещении этой картинки в центр, какая-то картинка не успевает скрыться, соответственно слетает верстка и получается черти_что(( Помогите решить проблему, ну хоть намекните где искать)):help:

функция события при нажатии на картинку:

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;
}

Cvetlaya19,
без кода можно только гадать, возможно у вас проблема с анимацией, если jquery, то где-то не хватает stop().

чистый js