Multiple Panels Effect Toggle

Question

I created the top navigation for this site based on the
multiple slides effect -
http://www.johnvenaproduce.com/beta/
It works very nicely, the only problem is that once you click
on one of the top buttons and a panel slides down, there is no way
to close it unless you click on a different link. For instance, I
would like to make it so that if you click on About Us, the panel
opens, and if you click on About Us again, that panel will close,
but I also want to have only one panel open at a time. The toggle
is set to true, but it only affects the clicks between panels, not
the same one. Does anyone know how I can achieve this, or perhaps
another approach I should take?

Answer 1

After much trial and error, I found a way to make it work. I
have no idea if this is the right way to go about things, but it
makes the menu function as I wanted it to. Here is the code, should
anyone run into the same problem.
<script>
var observer = {};
observer.nextEffect = false;
observer.onPostEffect = function(e){
if (this.nextEffect)
var eff = this.nextEffect;
setTimeout(function(){eff.start();}, 5);
this.nextEffect = false;
function myPanelsSlides(currentPanel)
// The list of all the panels that need sliding
var panels = ['about', 'products', 'media', 'contact'];
var opened = -1;
// Let's check if we have an effect for each of these
sliding panels
if (typeof effects == 'undefined')
effects = {};
for (var i=0; i < panels.length; i++)
if (typeof effects[panels
] == 'undefined'){
effects[panels] = new Spry.Effect.Blind(panels
, {duration: 500, from: '0%', to: '100%', toggle: true,
transition:Spry.sinusoidalTransition});
effects[panels].addObserver(observer);
if (effects[panels
].direction == Spry.forwards && currentPanel !=
panels)
opened = i;
//prevent too fast clicks on the buttons
if (effects[panels
].direction == Spry.backwards &&
effects[panels].isRunning)
observer.nextEffect = effects[currentPanel];
return;
if (opened != -1)
observer.nextEffect = effects[currentPanel];
effects[panels[opened]].start();
else if (effects[currentPanel].direction != Spry.forwards)
effects[currentPanel].start();
//here is what I added to make the panels close when clicked
twice
else if (effects[currentPanel].direction != Spry.backwards)
effects[currentPanel].start();
</script>