Need to fix some minor detailproblems with my treemenu!

Need to fix some minor detailproblems with my treemenu!

Those details will be talked and explained more below but first I will paste all codes that might be neccessary to use for configuration and searching for eventual changes to be made (I will paste CSS code, jquery code for treemenu, HTML code for treemenu)...

HTML Code for treemenu:

  2. <html>
  3. <head><title></title>
  4. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  5. <link rel="stylesheet" href="jquery.treeview.css"></script>
  6. <script type="text/javascript" src="jquery.treeview.min.js"></script>
  7. <script src="lib/jquery.cookie.js" type="text/javascript"></script>

  9. <script src="jquery.treeview.js" type="text/javascript"></script>
  11. <script type="text/javascript" src="menu.js"></script>

  14. </head>
  15. <body bgcolor="#000000">

  17. <ul id="mymenu" class="filetree">

  19. <li><a id="head" href="#">Bild</a>
  20. <ul>
  21. <li><a id="sibling" href="#">Fotoalbum [Redigerade]</a></li>
  22. <li><a id="sibling" href="#">Fotoalbum [Naturliga]</a></li>
  23. <li><a id="sibling" href="#">Galleri</a></li>
  24. <li><a id="sibling" href="#">Design</a></li>
  25. <li><a id="sibling" href="#">Layouts</a></li>
  26. <li><a id="sibling" href="#">Logotypes</a></li>
  27. <li><a id="sibling" href="#">Portfolio</a></li>
  28. </ul>
  29. </li>

  31. <li><a id="head" href="#">Kunskap</a>
  32. <ul>
  33. <li><a id="sibling" href="#">Ordspråk</a></li>
  34. <li><a id="sibling" href="#">Privat inlärning [Video]</a></li>
  35. <li><a id="sibling" href="#">Privat inlärning [Text]</a></li>
  36. <li><a id="sibling" href="#">Hemsidor</a></li>
  37. <li><a id="sibling" href="#">Film</a></li>
  38. <li><a id="sibling" href="#">Musik</a></li>
  39. <li><a id="sibling" href="#">Program</a></li>
  40. <li><a id="sibling" href="#">Kodspråk</a></li>
  41. <li><a id="sibling" href="#">Frågesport</a></li>
  42. <li><a id="sibling" href="#">Hjärnspel</a></li>
  43. <li><a id="sibling" href="#">Uppfinnare</a></li>
  44. <li><a id="sibling" href="#">Ordlista [Special]</a></li>
  45. <li><a id="sibling" href="#">Statistik</a></li>
  46. <li><a id="sibling" href="#">Historia @ Komma ihåg</a></li>
  47. </ul>
  48. </li>

  50. <li><a id="head" href="#">Anställning & Tjänster</a>
  51. <ul>
  52. <li><a id="sibling" href="#">Webbdesign</a></li>
  53. <li><a id="sibling" href="#">Teknisk support</a></li>
  54. <li><a id="sibling" href="#">Rådgivning</a></li>
  55. <li><a id="sibling" href="#">Undervisning</a></li>
  56. <li><a id="sibling" href="#">Ljud</a></li>
  57. <li><a id="sibling" href="#">Bild</a></li>
  58. </ul>
  59. </li>

  61. <li><a id="head" href="#">Cyber Fox</a>
  62. <ul>
  63. <li><a id="sibling" href="#">Dokumentation</a></li>
  64. <li><a id="sibling" href="#">Information</a></li>
  65. <li><a id="sibling" href="#">Sammarbete</a></li>
  66. </ul>
  67. </li>

  69. <li><a id="head" href="#">Blogg</a></li>
  70. <li><a id="head" href="#">Forum</a></li>
  71. <li><a id="head" href="#">Kontakt</a></li></ul>

  73. </body>
  74. </html>

CSS Code for the design of treemenu:

  2. .treeview, .treeview ul { 
  3. padding: 0;
  4. margin: 0;
  5. list-style: none;
  6. }

  8. .treeview ul {
  9. background-color: #000000;
  10. margin-top: 4px;
  11. }


  14. .treeview li { 
  15. margin: 0;
  16. padding: 3px 0pt 1px 12px;
  18. }

  20. .treeview a.selected {
  21. background-color: #000000;
  22. }

  24. #treecontrol { margin: 1em 0; display: none; }

  26. ul#mymenu { background-color: #000000; }
  27. ul#mymenu a#head:link { color: #dd8800; font-size: 14px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }
  28. ul#mymenu a#head:focus { color: #dd8800; font-size: 14px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }
  29. ul#mymenu a#head:hover { color: #959595; font-size: 14px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }
  30. ul#mymenu a#head:active { color: #959595; font-size: 14px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }


  33. ul#mymenu a#sibling:link { color: #dd8800; font-size: 12px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }
  34. ul#mymenu a#sibling:focus { color: #dd8800; font-size: 12px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }
  35. ul#mymenu a#sibling:hover { color: #959595; font-size: 12px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }
  36. ul#mymenu a#sibling:active { color: #959595; font-size: 12px; font-style: normal; font-weight: bold; font-family: Arial, Verdana, Sans serif; letter-spacing: 1px; }


  39. * {  text-decoration: none; outline: none;  }

jQuery Code for treemenu:

  2. $(document).ready(function() {

  4. $("#mymenu").treeview({
  5. collapsed: true,
  6. animated: "fast",
  7. control: "#treecontrol",
  8. unique: true,
  9. persist: "location",

  11. });

  13. $('ul#mymenu > li > a').toggle(function(e) {
  14.       $(this).siblings('ul').slideDown(); //or slideDown/fadeIn
  15.       e.preventDefault();
  16. }, function(e) {
  17.       $(this).siblings('ul').slideUp();   //or slideUp/fadeOut
  18.       e.preventDefault();
  19. });

  21. });


I was wondering how to get already shown siblings to hide once you click another menu alternative... I cant have the whole menu totally exposed at the same time cuz I dont really got the room for it :P

Also, I tried to add it to my website with the proper links and this "Location feature" I had chosen which should hold the selected menu alternative highlighted and showing the visitor where he is located at that particular moment... This feature doesnt work at all (The color I want to highlight the visited menualternative with is the hover color...) :-/

Thanks in advance for oncoming assistance and support I appreciate it from the bottom of my heart really :)

Best Regards,
Zinoxxx