Dołącz element z efektem zanikania [jQuery]

Question

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

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

To nie działa.

Po prostu chcę uzyskać fajny efekt, gdy zawartość zostanie dołączona.

Uwaga: chcę, aby nowy "blah" div zniknął, a nie cały "mycontent".

Answer 1

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

Answer 2

dodając trochę więcej info:

jQuery narzędzia „metoda łańcuchowym”, co oznacza, że ​​można metodą łańcucha wzywa tym samym elemencie. W pierwszym przypadku:

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

można byłoby zastosowanie fadeIn wezwanie do obiektu, który jest celem łańcuchu metody, w tym przypadku #mycontent. Nie tego chcesz.

W użytkownika @ icktoofay (wielki) Odpowiedź masz.

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

to w zasadzie oznacza, utwórz html, ustawić ją jako domyślnie ukryte, dołączyć go do #mycontent i następnie blaknięcie go w celu łańcucha metody to teraz hmtl zamiast #mycontent.

Answer 3

działa również

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

Pozdrowienia