Help with hiding/showing divs.

Help with hiding/showing divs.

Hello all,

I am kind of a noob when it comes to "developing" jQuery but I am trying to do something that is seemingly something simple but I can't for the life of me, figure out the best way to do it.

http://www.heatsurge.com/index-test.cfm

Here, you'll see the area below the navigation that has five buttons which are supposed to help scroll between the five associated divs.  All I want to do is hide the currently shown div and then slide in the div associated with the button clicked.

http://www.heatsurgedirect.com/

Here is what the animation is SUPPOSED to look like but the problem is is that the correct one uses Prototype and I am trying to use only one library and jQuery is the most suitable because I use it for other effects in the site and jQuery and Prototype obviously don't mesh well.

How can I achieve this desired animation and fluidity with jQuery?

Thanks in advance!
Adam