Ok, so I know this is ridiculous, but I haven't really made a lot of websites using Divs. Most of the sites I've done on my own have used tables, as programming is not really my forte (most of the time the coding is passed off to someone else, and they take it from my PSD). I know there are thousands of tutorials on taking a PSD to a DIV website. But I am asking about something a little more specific.

 

Basically I want to know what kind of structural changes I will have to make if I want the various content pages to slide in vertically when selected.

 

This is my design.

 

I want to make it so that Home, Features, and Feedback are basically in a row top-to-bottom (on the right half of the main div, left half is always the same). When someone clicks Features, Home will slide up and features comes up from the bottom (all within the bounds of the white box). When home is clicked from Features or Feedback, it will slide in from the top. Other combinations should follow that order.

 

If anyone has any tips on how this is done they would be greatly appreciated!

You want to look at Jquery tools (Google it) and use either an accordeon or a vertical slider.

Thanks.. Someone finally replied! haha