Accordion tabs need to stay open

Question

I'm using an accordion widget for my navigation area at my
wife's site, paxbaby.com. I would like to set the javascript so
that instead of defaulting to all-panels-closed on each loaded
page, it rather keeps open the panel that was open on the previous
page. For instance, if I open panel 3 and click link B, then when I
get to page B, I would like panel 3 to still be open so I can
quickly navigate to page A or C without having to open up the panel
again. I know even less about javascript than I do html, so could
someone help?
Thanks!!

Answer 1

You have to add a little piece of code into each page to make
this happen.
At the bottom of each page you should have a constructor that
creates the accordion. It looks like this.
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
The default for Accordion is to open the top most tab first
but you can tell it here that you want a different tab to start
with by adding in the argument for default panel.
like this:
var Accordion1 = new
Spry.Widget.Accordion("Accordion1",{defaultPanel:0});
0 is the first tab so the above line will not change
anything.
var Accordion1 = new
Spry.Widget.Accordion("Accordion1",{defaultPanel:1});
This will make it default to the second tab
var Accordion1 = new
Spry.Widget.Accordion("Accordion1",{defaultPanel:2});
This will make it default to the third tab... and so on.
So you have to go to Page B and change this:
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
To be this: (assuming page B is the second tab)
<script type="text/javascript">
<!--
var Accordion1 = new
Spry.Widget.Accordion("Accordion1",{defaultPanel:1});
//-->
</script>
You can check out all the options you can set here
http://labs.adobe.com/technologies/spry/articles/data_api/index.html
You will see "Accordion" in the side there. Click it and you
will see all the available options.