Почему не срабатывает SetTimeout?

Question

[Cat_usual]

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

<div class="errors"></div>

    <input type="text" placeholder="Введите что-то" id="bal">
    <input type="button" value="Подтвердить" onclick="f()">

    <script>
        function f() {
            var bal = $.trim($('#bal').val());
            if(bal)
            {
                alert('DOOOO');
                let test = $('.errors').append(`<div class="error" style="background: red; padding: 2px 2px 2px 2px;">Успешно!</div>`);

                setTimeout(() => test.css('display: none'), 2000);
            }
        };

    </script>

Мне надо, чтобы после того, как новый элемент добавился, прошло 2 секунды и он пропал.

Answer 1

[danilr]

Братан, твоя проблема в другом - ошибка в передаче параметров метода css. Во как надо:

setTimeout(() => test.css("display", "none"), 2000);

Comments

[Cat_usual]

Спасибо!

Answer 2

[Александр Маджугин]

Он срабатывает. Просто test == undefined

Comments

[Cat_usual]

А как мне тогда сделать?

[Александр Маджугин]

Либо как написал edward_freedom, либо не let test ... а var test ...