I'm setting up a portion of my product page (on binoware.com) as a tabbed area.  Click on the first tab you get a description, click on the second tab you get specifications.  When the page opens up, it defaults to the description tab.

I have both portions of the page set up, positioned on the same spot, with the specifications portion set visibility:hidden.  I currently have the specifications tab set up to add &spec to the end of the link and reload the page.  This rewrites the page with the containing area having a different ID, and activates a different set of CSS rules where the description is hidden and the specifications shown.  This works for now.

My question is this.  Can someone show me a way to quickly swap these without having to reload the page?

yes

look at the 'related articles' section towards the bottom of http://www.healthfitnessarticlesweb.com … pment-mat/

and feel free to look at the code

This uses a simple flip-flop concept and would need a different approach if more than 2 tabs are needed

I take it Sideways() is in a separate .js file?  I couldn't find it's definition in the page.  Of course I haven't worked with javascript much myself.