Мне нужно щелкнуть два раза, чтобы добавить класс к элементу ⇐ Jquery

[Anonymous]

Я пытаюсь создать игру Simon, и когда пользователь нажимает кнопку, я хочу, чтобы она анимировалась.
Я использовал addClass и setTimeOut с RemoveClass, анимация происходит, но я нужно нажать одну и ту же кнопку два раза.
var buttonColours = ["red", "blue", "green", "yellow"];
var gamePattern = [];
var userClickedPattern = [];

function playSound(name) {

var audio = new Audio("./sounds/" + name + ".mp3");
audio.play();

}

function nextSequence() {

var randomNumber = Math.floor(Math.random() * 4);

var randomChosenColour = buttonColours[randomNumber];

gamePattern.push(randomChosenColour);

$("#" + randomChosenColour).fadeOut(100).fadeIn(100);

playSound(randomChosenColour);

}

function animatePress(currentColour) {

$("." + currentColour).on("click", function () {

$("." + currentColour).addClass("pressed");

setTimeout(function () {

$("." + currentColour).removeClass("pressed");

}, 100);

})

}

$(".btn").on("click", function () {

var userChosenColour = this.id;

userClickedPattern.push(userChosenColour);

playSound(userChosenColour);

animatePress(userChosenColour);

})


Подробнее здесь: https://stackoverflow.com/questions/789 ... an-element