Creating accordian javascript

[jcdesigns]

I need help developing code for a accordian javascript frame as the one in the link below. Notice where is says overview, print design, web design, etc. on the right side of the web page. I did see one in the dynamic drive but I need more of the example I described in the link. The main thing I want to know is how do you keep the first frame (overview) and its content showing without it collapsing when you open the page. Also I want to be able to click on each link without the entire page moving down like in the example in this link. Thanks

pageprogressive.com/

[azoomer]

If you like the one you are linking to, why not use it then ?
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
(scroll down to see more examples)

[azoomer]

To make it easier for you to get the files, I set up a simple example here (http://azoomer.com/spry-accordion/)
you can get the javascript here (http://azoomer.com/spry-accordion/SpryAssets/SpryAccordion.js)
And the css file here (http://azoomer.com/spry-accordion/SpryAssets/SpryAccordion.css)
Then you just need to customize the css to your needs

[jcdesigns]

Thanks azoomer, this really helped. Have a blessed day.