PDA

View Full Version : Resolved Creating accordian javascript



jcdesigns
09-05-2010, 03:41 AM
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
09-05-2010, 07:48 PM
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
09-05-2010, 08:12 PM
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
09-06-2010, 03:43 AM
Thanks azoomer, this really helped. Have a blessed day.