Dołącz element z efektem zanikania [jQuery]

var html = "<div id='blah'>Hello stuff here</div>"

$("#mycontent").append(html).fadeIn(999);

To nie działa.

Chcę tylko fajnego efektu, gdy treść zostanie dołączona.

Uwaga: chcę, aby pojawił się tylko nowy element div „blah”, a nie cała „moja zawartość”.

$(html).hide().appendTo("#mycontent").fadeIn(1000);

Dodanie trochę więcej informacji:

jQuery implementuje "łańcuch metod", co oznacza, że ​​możesz łączyć wywołania metod w tym samym elemencie. W pierwszym przypadku:

$("#mycontent").append(html).fadeIn(999);

w tym przypadku zastosowałbyś fadeInwywołanie do obiektu, który jest celem łańcucha metod #mycontent. Nie to, czego chcesz.

W (świetnej) odpowiedzi @ icktoofay masz:

$(html).hide().appendTo("#mycontent").fadeIn(1000);

Zasadniczo oznacza to, że utwórz element html, ustaw go jako ukryty domyślnie, dołącz go, #mycontenta następnie zaniknij. Celem łańcucha metod jest teraz hmtlzamiast #mycontent.

To też działa

$(Your_html).appendTo(".target").hide().fadeIn(300);

pozdrowienia

ponieważ fadeIn jest przejściem z hide do show, będziesz musiał ukryć element „html” podczas dodawania go, a następnie go pokazać.

var html = "<div id='blah'>Hello stuff here</div>"

$("#mycontent").append(function(){
  return html.hide();
});

$('#blah').fadeIn(999);