Slide or Fade effect moving other elements
I created an animation in my current web application that simply does a fade toggle or slide toggle on two divs. Basically, only one should be visible at any time, but as the user makes a choice they swap out. The problem is that during the fade or slide animation, all elements below the animated element move around, which doesn't look good. As a short-term solution, I changed the animation time to zero milliseconds, but there's one last issue: when I make the second div visible and the first not visible via either type of animation, there's a space created above that second div, as if the first div is still taking up some space. If I need to apply some space to allow the animation to run or other css to work around this, please let me know.
So, I need to know how to stop elements below the animation from getting caught up in it, and how to remove the extra space when the divs are swapped out. Please help!