Больше эффектов, для одной функции.Jquery

Question

У меня есть функция, которая будет печатать некоторый текст во время загрузки содержимого iframe:

 // set "waiting" message:
   $("#loadingStatus").html("Waiting for your advertisements to load...");

У меня вопрос, как мне добавить fadeIn ("slow") к сообщению о загрузке выше? Я попытался добавить .fadeIn ("slow") в той же строке, но это не сработало.

Answer 1

Возможно, вам сначала нужно спрятать свой элемент, поскольку fadeIn () ничего не сделает, если элемент уже виден:

$("#loadingStatus").hide().html("Waiting for your advertisements to load...")
                   .fadeIn("slow");

Answer 2

Что вы можете сделать, это сделать сначала #loadingStatus fadeOut / hide, а затем добавить HTML, а затем снова fadeIn, вот так:

$('#loadingStatus').hide().html('Your message here').fadeIn('slow');

Answer 3

Сначала спрячьте:

$("#loadingStatus").hide().html("Waiting for your advertisements to load...").fadeIn("slow");