I'm trying to crossfade two elements so that one replaces the other. Obviously, the appearing element has to be placed into the DOM before it fades in. Without absolute positioning, it moves the other elements out of place, which is what I need to avoid.
Here is a fiddle of the current behaviour. I need the middle boxes to crossfade without the ugly move effect. I could probably enclose both in another container and position them absolutely within that, but is there a more elegant way?