JS: Проблема с применением стилей

У меня есть вот такой код JS:

$("#forty").toggle();
$("#fifty").toggle();
$("#sixty").toggle();

let actions = [
    function() {
        $("#first").toggle();
        $("#second").addClass("shadow1");
        $("#third").removeClass("shadow2");
        $("#forty").fadeToggle().addClass("shadow2");
        console.log("0")
    },
    function() {
        $("#second").toggle();
        $("#third").addClass("shadow1");
        $("#forty").removeClass("shadow2");
        $("#fifty").fadeToggle().addClass("shadow2");
        console.log("1")
    },
    function () {
        $("#third").toggle();
        $("#forty").addClass("shadow1");
        $("#fifty").removeClass("shadow2");
        $("#sixty").fadeToggle().addClass("shadow2");
        console.log("2")
    }
];

let currentAction = localStorage.getItem('currentAction') || 0;

$(".arrow-right").click(function () {
    actions[currentAction]();
    currentAction = (currentAction + 1) % actions.length;
    localStorage.setItem('currentAction', currentAction);
});

$(".arrow-left").click(function () {
    if (currentAction > 0) {
        currentAction--;
        if (currentAction === 0) {
            $("#first").fadeToggle();
            $("#second").removeClass("shadow1");
            $("#third").addClass("shadow2");
            $("#forty").toggle();
            console.log("0")
        } else if (currentAction === 1) {
            $("#second").fadeToggle();
            $("#third").removeClass("shadow1");
            $("#forty").addClass("shadow2");
            $("#fifty").toggle();
            console.log("1")
        } else if (currentAction === 2) {
            $("#third").fadeToggle();
            $("#forty").removeClass("shadow1");
            $("#fifty").addClass("shadow2");
            $("#sixty").toggle();
            console.log("2")
        }
        localStorage.setItem('currentAction', currentAction);
    }
});

// Сброс значения счетчика при обновлении страницы
$(window).on('beforeunload', function() {
    localStorage.removeItem('currentAction');
});

И у меня проблема: Когда должен выполниться код ниже

 else if (currentAction === 2) {
            $("#third").fadeToggle();
            $("#forty").removeClass("shadow1");
            $("#fifty").addClass("shadow2");
            $("#sixty").toggle();
            console.log("2")
        }

он не исполняется, ошибок при этом никаких не выводиться