Mitchell, >Hi John > >I set up your menu so its as close to the one from Adobe as I could, given >my meager knowledgebase. > >Adobe >http://www.whatbird.com/wwwroot/Components/Accordion%20Menu.html > >Resig >http://www.whatbird.com/wwwroot/Components/Accordion%20Menu_Resig.html > >There are two things missing from Resig I would love to see. Maybe others >won't care about these. > >1. Adobe changes color when you click on the accordian, and gives it >focus. That's a nice thing. Click outside and it loses focus and goes page >to the default colors. > >2. I could not figure out how to use other easing effects, which would >make it more flexible. I do see how to control the duration. > >I moved the css into an external sheet along with the JS. > >Regardless you have created an amazing plug in and I urge you to continue >to work on it. I've looked at a ton of accordions and this one makes the >others look like dark stuff that smells funny. The official jQ accordian is >the pits IMHO.
I threw together a really quick plug-in based on John's code and your example. I also addressed the issues you list above. http://www.pengoworks.com/workshop/jquery/resig_accordion.htm I changed a few things about the CSS declarations and the plug-in is based on John's original code--so I take no credit for that. Just thought it looked like something to do while drinking a few Michelobs. Click the "Toggle Easing" to see a different "Easing" algorithm at work. Not all of the algorithms provide a very good effect, so be careful with the easing you test. Also, instead of placing an onclick event to handle sound, I added an onSelected event handler you use to attach an additional "onclick" effect. I debated getting rid of the need for the anchor tag altogether inside the <dt> element, but decided the <a> element allowed for good unobtrusive behavior. Obviously, this is a very basic plug-in. -Dan
