Keep slideToggle menu between pages

Keep slideToggle menu between pages

Hi all,

Here my issues:

  2. <ul class="menu">
  3. <li class="arrow-m">
  4. <a href="#" class="active"><strong>Menu</strong></a>
  5. <ul>
  6. <li><a href="record.php">Some</a></li>
  7.                            
  8. <li><a href="offices.php">Addresses</a></li>
  9. <li class="arrow-m">
  10. <a href="#">Goods and Services</a>
  11. <ul>
  12. <li><a href="firmstock.php">Goods</a></li>
  13. <li><a href="firmservices.php">Services</a></li> 
  14. </ul>
  15. </li> 
  16.                    
  17. <li><a href="promotions.php">Promo</a></li>
  18. <li><a href="files.php">Files</a></li>
  20. <li class="arrow-m">
  21. <a href="#">System</a>
  22. <ul>
  23. <li><a href="dirs.php">Dirs</a></li>
  24. <li><a href="files.php">Files</a></li>
  25. </ul>
  26. </li>

  28. </ul>
  29. </li> 
  30. </ul>

  33. <script>
  34. if ($.cookie('panel') == 'open'){ 
  35.     $('.menu a').parent('li').find('ul:first').slideDown('slow');
  36. } else {
  37.     $('.menu a').parent('li').find('ul:first').slideUp('slow');
  38. }

  40.   $('.menu a').click(function( e ){
  41.       $('.menu a').parent('li').find('ul:first').slideToggle('slow', function(){
  42.         if ($('.menu a').is(':hidden')) {
  43.             $.cookie('panel', 'closed');
  44.         } else {
  45.             $.cookie('panel', 'open');
  46.         }
  47.     });    
  48.   });
  49. </script>

The main menu (Menu) opens and closes.
But when opened, open and internal menus - Goods and Services , System.

How can I set cookies so that when you press the main menu 
Internal menus are independent?
And accordingly retained their status if they are open or closed. 
thank you!