Aggiungi un elemento con effetto dissolvenza [jQuery]

Question

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

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

Questo non sembra funzionare.

Voglio solo un effetto interessante quando il contenuto viene aggiunto.

Nota: voglio solo il nuovo "blah" div a svanire, non l'intero "mycontent".

Answer 1

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

Answer 2

L'aggiunta di un po 'più di informazioni:

jQuery attrezzi "metodo di concatenamento", il che significa che è possibile metodo catena invita lo stesso elemento. Nel primo caso:

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

si sarebbe applicando il fadeIn chiamata all'oggetto che è obiettivo della catena metodo, in questo caso #mycontent. Non quello che vuoi.

In @ di icktoofay (grande) risposta che:.

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

Ciò significa in sostanza, creare il html, impostarlo come nascosta per impostazione predefinita, aggiungerla al #mycontent e poi dissolvenza in Il target della catena di metodi ora è hmtl anziché #mycontent.

Answer 3

Questo funziona anche

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

saluti