I've created a menu using the accordion, and everything seems to be working correctly except for one small detail.  When I select a sub-menu item, the sub-menu does not remain "open" when visiting the selected page.  That's how it should work, isn't it?  I'm sure there is something obvious missing, but I don't see it.  The active tags appear to be set correctly.  I'd appreciate some help from the community with this one.

Here's the relevant code:

3. <script type="text/javascript">
4.         var nav = 0;
5. 
   
6.         $('.sub-menu').hover(function () { // finding mouse position
7.             nav = 1; // if mouse on submenu
8.         }, function () {
9.             nav = 0; // if mouse not on submenu
10.         });
11. 
    
12.         $(document).ready(function () {
13.             $('#nav > li > a').click(function () {
14.                 if ($(this).attr('class') != 'active') {
15.                     $('#nav li ul').slideUp();
16.                     $(this).next().slideToggle();
17.                     $('#nav li a').removeClass('active');
18.                     $(this).addClass('active');
19.                 }
20.                 else {
21.                     if (nav == 0) {
22.                         $('.sub-menu').slideUp();
23.                         $(this).removeClass('active');
24.                     }
25.                     //$('#nav li ul').slideUp();
26.                     //$('#nav li a').removeClass('active');
27.                 }
28.             });
29.         });
30. 
    
31.         $(function () {
32.             // this will get the full URL at the address bar
33.             var url = window.location.href;
34. 
    
35.             // passes on every "a" tag
36.             $("#menu_block a").each(function () {
37.                 // checks if its the same on the address bar
38.                 if (url == (this.href)) {
39.                     $(this).closest("li").addClass("active");
40.                 }
41.             });
42.         });
43. </script>
44. ...
45. 
    
46. <div id="menu_block">
47.     <ul id="nav" class="menu_item">
48.         <li id="menuIndex" runat="server"><asp:HyperLink ID="hypIndex" runat="server" NavigateUrl="index.aspx">Home</asp:HyperLink></li>
49.         <li id="menuViewProfile" runat="server"><asp:HyperLink ID="hypViewProfile" runat="server" NavigateUrl="~/secure/profile.aspx">View Profile</asp:HyperLink></li>
50.         <li id="menuChartering" runat="server"><asp:HyperLink ID="hypChartering" runat="server" NavigateUrl="~/secure/chartering.aspx">Chartering</asp:HyperLink></li>
51.         <li id="menuRegistry" runat="server" style="cursor:pointer"><asp:HyperLink ID="hypRegistry" runat="server">Registry</asp:HyperLink>
52.             <ul class="sub-menu">
53.                 <li id="menuNotified" runat="server"><asp:HyperLink ID="hypNotified" runat="server" NavigateUrl="~/secure/notified.aspx">Notified</asp:HyperLink></li>
54.                 <li id="menuAuthorized" runat="server"><asp:HyperLink ID="hypAuthorized" runat="server" NavigateUrl="~/secure/authorized.aspx">Authorized</asp:HyperLink></li>
55.                 <li id="menuResearch" runat="server"><asp:HyperLink ID="hypResearch" runat="server" NavigateUrl="~/secure/research.aspx">Research</asp:HyperLink></li>
56.             </ul>
57.         </li>
58.     ...
59.     </ul>
60. </div>