Spry Accordian - Updating a Site

Report · Mar 03, 2009

Hi all,

I have a site in development that uses Spry accordian. It displays great in Firefox but in IE the accordian menu will not collapse. I am told I need to upgrade to the latest accordion, but I didn't develop that portion of the site so have no clue how to fix it.

Here's the site: http://www.customizemydesigns.com - it's still in testing and I am still building the API scripts for the fulfillment company - see how in Firefox it looks great - but in IE it's not collapsing. Since I didn't develop the code in the page, how do I update it? Is it a matter of replacing the spryaccordion.js? There's some other code mixed in, but here's the block. So, how can I upgrade (if that will fix the issue) - or how can it be fixed:

Report · Mar 03, 2009

steve@steve-shead.co wrote:
> Hi all,
>
> I have a site in development that uses Spry accordian. It displays great in
> Firefox but in IE the accordian menu will not collapse. I am told I need to
> upgrade to the latest accordion, but I didn't develop that portion of the site
> so have no clue how to fix it.

You can download the latest Spry code form the Spry home page:
http://labs.adobe.com/technologies/spry/home.html
Go into the widgets/accordion directory and copy the SpryAccordion.js and SpryAccordion.css files into the appropriate location within your site, that is your js and css directories respectively.

Also, Spry questions should be asked in the Spry forum:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602

Also, I've heard that IE can be persnickety with JavaScript widgets when the page is being rendered in quirks mode, which it uses when it runs into when the HTML it runs into on a page isn't valid according to the specified doctype. A quick validation of your page yields a number of HTML errors, and it's possible that some of them may cause IE some problems with scripting:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.customizemydesigns.com%2F

This page shows a technique to determine if IE is using quirks mode:
http://randsco.com/index.php/2007/03/12/about_quirks_mode

--
Danilo Celic
| http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Report · Mar 04, 2009

Danilo,

Firstly, thanks for the prompt reply and the detailed answer. I downloaded the latest Spry and replaced the JS and the CSS as stated. That fixed the collapsing issue but destroyed the page style, so I put my CSS back in and it works a treat.

Sorry about the wrong forum - I didn't dig deep enough.

There are quirks to the page code and the page is rendering in quirk mode, but for now it's stable. Once the development on the designer code and API are done I'll go back and clean up the pages. It needs to be done anyway.

Again, thanks for your help!

Steve