I've been searching for a bit, but I cannot seem to find a solution to keep an accordion menu expanded when the page refreshes.  I found some stuff with using $cookie, but I am not sure exactly what it would be looking for or calling in my code.

Here's my code :

2. <script type="text/javascript"> 
3.  
4. 
   
5. 
   
6. $(document).ready(function(){
7. $( '#search-nav > li > ul' )
8. .hide()
9. .click(function( e ){
10. e.stopPropagation();
11. });
13.    $('#search-nav > li').toggle(function(){
14.  $(this)
15.       .css('background-position', 'right -20px')
16.  //.css('background: url(images/toggle_minus.gif')
17.  .find('ul').slideDown();
18.       
19.   }, function(){
20.    $( this )
21.       .css('background-position', 'right top')
22.       .find('ul').slideUp();
23.   });
24. 
    
26. });
27. 
    
28. 
    
29. </script>