I've only tried it in Firefox. I'm using this doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "
http://www.w3.org/TR/REC-html40/loose.dtd";>
Should I change it?
My assuption was that the box is shown before JavaScript removes it? I
trigger the JavaScript like this:
$(document).ready(function(){
$('#wait').css({height: 0}).animate({ height: 'toggle' }, 3000);
}
Kia
On 8/1/07, John Resig <[EMAIL PROTECTED]> wrote:
>
>
> Which browser? If you're in IE, then this flicker is because your page
> is in Quirks mode instead of Standards mode (you'll need to provide a
> correct DOCTYPE in order to trigger this).
>
> --John
>
> On 8/1/07, Kia Niskavaara <[EMAIL PROTECTED]> wrote:
> > I want to animate the height of a box so that it expands from 0px to
> it's
> > default height.
> >
> > I've tried
> >
> > $('#wait').css({height: 0}).animate({ height: 'toggle' }, 3000);
> >
> > But sometimes the box is visible for a few milliseconds.
> >
> > I've also tried setting the height to 0 px in the stylesheet:
> >
> > #wait { height: 0px }
> >
> > And then switch to the default height using jQuery:
> > $('#wait').animate({ height: 'toggle' }, 3000);
> >
> > But that doesn't work at all.
> >
> > Any other suggestions to remove the flicker?
> >
>
