Im pretty new to this and not sure if I have implemented your code right, but its not working. I might be just thinking about this thing wrong.
My idea is to use the animatedcollapse.js plugin (
http://www.dynamicdrive.com/dynamici...edcollapse.htm) to animate the accordion. The accordion works the according to the "rel" attribute, either "rel=collapse[selected div]" or "rel=expand[selected div]". To expand or collapse the accordion. The problem with the way it is set up is that when one div collapses another expands at the same time in the background.
I am trying to make it so every time a new link is clicked the previous accordion is fully collapsed before it expands a new one. So every time a link is clicked the previous div is fully closed before it opens a new div.
I am thinking that a rel toggle between "rel=collapse[selected div]" and "rel=expand[selected div]" might solve this, but Im not sure. If you have any other ideas, I would love to hear them.