My appologies for the silly reply. Instead try: (if it's ok to hide
the container)
$('#div_container').hide().append('<p>hi there!</p>').show('slow');
If you want to keep the container visible then try:
$('#div_container').append('<p style="display:none;">hi there!</p>');
$('#div_container:last-child').show('slow');
On Jun 20, 2:47 pm, MiD-AwE <cr.midda...@gmail.com> wrote:
> You could try $('#div_container').hide(this).append('<p>hi there!</
> p>').show('slow');
>
> On Jun 20, 2:03 pm, Eric P <eric.maill...@gmail.com> wrote:
>
>
>
> > Hi,
>
> > I'm guessing this is an easy question, but I can't figure it out.
>
> > I want to add some new content to the DOM, so I have a line like this.
> > $('#div_container').append('<p>hi there!</p>');
>
> > However, I'd like it to slowly appear via show().
>
> > But adding show() doesn't work as I'd expect. The new content appears
> > instantly.
> > $('#div_container').append('<p>hi there!</p>').show('slow');
>
> > Thanks for reading,
> > Eric P
