Accordion Navigation Menu: help needed!
I'm having a problem with an accordion navigation menu as seen here:
http://www.jalc.org/rr/bands/overview.asp
The problem: Say you click on 2009, the menu loads, and you click on a band name. It goes to that band page, but, understandably, the accordion snaps back to its base state. In this case, I want the menu to stay open on 2009, so that you can easily navigate among the bands in that section...
Not sure how to make this work. Here is the code I am currently using, courtesy of Marco (
http://www.i-marco.nl/weblog/archive/20 ... rdion_menu
) :
-
function initMenu() {
$('ul.subnav ul').hide();
$('ul.subnav ul:first').show();
$('ul.subnav li').click(
function() {
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('ul.subnav ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}
}
);
}
$(document).ready(function() {initMenu();});
And here is a snippet of my html (showing the classes I'm using):
-
<li><a href="../RR/bands/overview.asp" title="Bands Overview" onmouseover="MM_swapImage('Bands Overview','','../RR/images/subnav_bandsoverview_.png',1)" class="link-nav" onmouseout="MM_swapImgRestore()"><img src="../RR/images/subnav_bandsoverview.png" alt="Bands Overview" name="Bands Overview" width="94" height="14" border="0" id="Bands Overview" /></a></li>
<li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('2010','','../RR/images/subnav_10_.png',1)" class="link-nav"><img src="../RR/images/subnav_10.png" alt="2010" name="2010" width="29" height="14" border="0" id="2010" /></a></li>
<ul class="list subsub">
<li><a href="../RR/bands/2010/charlie_porter.asp" title="Charlie Porter Quartet" class="link-nav-sub">Charlie Porter Quartet</a></li>
<li><a href="../RR/bands/2010/chen_lo.asp" title="Chen Lo and Family Liberation" class="link-nav-sub">Chen Lo and Family Liberation</a></li>
<li><a href="../RR/bands/2010/johnny_rodgers.asp" title="Johnny Rodgers Band" class="link-nav-sub">Johnny Rodgers Band</a></li>
<li><a href="../RR/bands/2010/little_joe.asp" title="Little joe McLerran Quartet" class="link-nav-sub">Little Joe McLerran Quartet</a></li>
<li><a href="../RR/bands/2010/sherman_horner.asp" title="Mark Sherman-Tim Horner" class="link-nav-sub">Mark Sherman-Tim Horner</a></li>
<li><a href="../RR/bands/2010/nasar_abadey.asp" title="Nasar Abadey" class="link-nav-sub">Nasar Abadey</a></li>
<li><a href="../RR/bands/2010/oscar_williams.asp" title="Oscar Williams" class="link-nav-sub">Oscar Williams</a></li>
<li><a href="../RR/bands/2010/paul_beaudry.asp" title="Paul Beaudry & Pathways" class="link-nav-sub">Paul Beaudry & Pathways</a></li>
<li><a href="../RR/bands/2010/student_loan.asp" title="The Student Loan" class="link-nav-sub">The Student Loan</a></li>
<li><a href="../RR/bands/2010/turning_pointe.asp" title="Turning Pointe" class="link-nav-sub">Turning Pointe</a></li>
</ul>
Please let me know if you have any advice!
Many thanks
Alexandra