title: Push div out when sliding another in
body: <p>Right now I have a basic template built to allow me to toggle sliding 4 different divs into a frame</p>
  
  <p><a href="http://www.uvm.edu/~areid/homesite/demo2.html" rel="nofollow">here</a> is the site - try clicking the eyes, nose, or forehead</p>
  
  <p>as you can see a div slides into the frame but,</p>
  
  <p>now I want to add the functionality to slide the center div out when one of the div's slide in (so if the top div slides in the div on the screen will slide down and if the left div slides in the screen will slide right, etc)</p>
  
  <p>any way to make this happen? I think it would have a great effect with the transitioned background</p>
  
  <p>thanks everyone</p>
  
  <p>katie</p>