Инициирование функции, если текст равен определенному значению

Question

Мне сложно определить, почему мой код не работает. Я пытаюсь сделать несколько последовательность. Пользователь переходит на эту страницу и должен ввести «Let me in». Затем, как только они напечатают это во вход, у меня есть функция keyup, проверяющая его, затем я хочу инициировать функцию приветствия в формате setTimeout, чтобы отобразить div #welcome. Затем через 500 мс будет отображаться моя функция регистрации с setTimeout 2000 мс.

Прямо сейчас ничто не инициирует. Я получаю одну ошибку, хотя я не уверен, что я сделал с ней не так.

VM60:1 Uncaught SyntaxError: Unexpected identifier

[object HTMLDivElement]

Вот fiddle to see my code

Что я делаю не так, и есть лучший способ сделать это?

Answer 1

Ваша первая проблема - когда вы вызываете setTimeout, вы передаете ее «добро пожаловать», но имя вашей функции - «приветствие». Вторая проблема - ваше правило css для того, чтобы сделать невидимым divs более конкретным, чем активный класс, который сделает его видимым снова, заставляя активные правила игнорироваться. Простое исправление, чтобы сделать ваше активное правило более специфичным, как показано ниже:

#welcome.active, #register.active { 
    visibility: visible; 
    opacity: 1; 
} 

Answer 2

Изменение видимость: скрытый; до дисплей: нет;

, а также,

изменение $ ("# регистре") addClass ("активный"). - $ ("# register"). Css ("display", "inline");