Почему не работает show()?

Question

[lowsentmy]

$("#main-heading").fadeOut(1000).show()
Почему элемент скрывается за 1 секунду, а затем не появляется сразу. Если же в show передать аргумент, например, 2 секунды, то элемент появляется.

Comments

[Ярослав Иванов]

Очередь функций. fadeout ставит в очередь свой таймер и запускает его. Потом выполняется show(накладывает стиль display block). Когда таймер подойдёт к концу выполняется скрытие.

[Ярослав Иванов]

В общем все функции ставятся в очередь и кто последний выполняется того и тапки.

[lowsentmy]

Ярослав Иванов, а почему такого не происходит в таком коде:
$("#main-heading").fadeOut(1000).fadeIn()
Элемент скрывается, а затем появляется, все хорошо
Подскажите плиз

[Ярослав Иванов]

lowsentmy, подозреваю что у fadeout и in свои очереди. Открывайте исходники jQuery и смотрите)

[lowsentmy]

Ярослав Иванов, спасибо

Answer 1

[Дуболом Одноклеточный]

Асинхрон.

await $("#main-heading").fadeOut(1000); // ждешь пока эта строка выполнится
$("#main-heading").show();

Comments

[lowsentmy]

Не работает(

[Дуболом Одноклеточный]

lowsentmy,

await $("#main-heading").fadeOut(1000); // ждешь пока эта строка выполнится
$("#main-heading").show();

[lowsentmy]

Дуболом Одноклеточный, большое спасибо!