This is an interesting one. I have a number of divs, each containing various form controls. Only one div gets displayed at a time, so all others are hidden. When going from one div to another, I do a fadeOut("fast",donefunc), where donefunc will "hide()" the old div and "show()" the new, then fadeIn() to show the new div.

It works fine on FF. In IE7 <input> elements (text, radios, etc) remain on the page after the fade in (but appear disabled).

If I stick an alert at the point of fadeOut to fadeIn, after the old div was hidden, causing a nice big delay, IE works just fine.

How can I know when it's safe to start the fadeIn, and if you can tell me, what exactly is going on?