Question

I have a div called #login_wrap which looks a bit like an speech bubble. I need this div to fade in and drop into place with jQuery.

The effect I am trying to describe would be very much like the Fade In Down effect under Fading entrances by Dan Eden. I would use his CSS version but it doesn’t seem to be working for me and I don’t think its fully browser compatible anyway.

Answer 1

Working demo (jsBin)

CSS:

#element{
    display:none;
    margin-top:-15px;
    opacity:0;
}

jQ:

$('#element').css({display:'block'}).animate({marginTop:'0px', opacity:'1'},500);