Trouble with the effects and looks of my treemenu

Trouble with the effects and looks of my treemenu

Hello, I have wanted to create a treemenu with jQuery for quite a time now, then I found an example on http://www.dynamicdrive.com/dynamicindex1/treeview/index.htm and tried to get it working as my own version.

It doesn´t seem to apply the "speed" effect when i click on the text to make it drop down the submenus..?

I will apply the code to this post so you could inspect me and give some feedback if it´s not to much trouble, would be really awesome to be honest :)
I am also going to type the folders I´ve put the objects in etc, I´ll try to provide you with as many details and facts as possible to being able locating the issue.
(All the .js files except menu.js is downloaded from recommended link at DynamicDrive´s website... jquery.treeview.zip is name of downloaded file. HTML file is located in first map of extraced zip file)

HTML Code for menu:

  1. <html>
  2. <head><title></title>
  3. <link rel="stylesheet" href="jquery.treeview.css" />
  4. <script type="text/javascript" src="jquery.treeview.min.js" />
  5. <script src="lib/jquery.cookie.js" type="text/javascript" />

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

  11. </head>
  12. <body>

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

  16. <li><a href="#">Bild</a>
  17. <ul>
  18. <li><a href="#">Fotoalbum [Redigerade]</a></li>
  19. <li><a href="#">Fotoalbum [Naturliga]</a></li>
  20. <li><a href="#">Galleri</a></li>
  21. <li><a href="#">Design</a></li>
  22. <li><a href="#">Layouts</a></li>
  23. <li><a href="#">Logotypes</a></li>
  24. <li><a href="#">Portfolio</a></li>
  25. </ul>
  26. </li>

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

  47. <li><a href="#">Anställning & Tjänster</a>
  48. <ul>
  49. <li><a href="#">Webbdesign</a></li>
  50. <li><a href="#">Teknisk support</a></li>
  51. <li><a href="#">Rådgivning</a></li>
  52. <li><a href="#">Undervisning</a></li>
  53. <li><a href="#">Ljud</a></li>
  54. <li><a href="#">Bild</a></li>
  55. </ul>
  56. </li>

  58. <li><a href="#">Cyber Fox</a>
  59. <ul>
  60. <li><a href="#">Dokumentation</a></li>
  61. <li><a href="#">Information</a></li>
  62. <li><a href="#">Sammarbete</a></li>
  63. </ul>
  64. </li>

  66. <li><a href="#">Blogg</a></li>
  67. <li><a href="#">Forum</a></li>
  68. <li><a href="#">Kontakt</a></li></ul>

  70. </body>
  71. </html>

  73. -----------------------------------------

  75. menu.js Code:

  77. §(document).ready(function() {

  79. §("#mymenu").treeview({
  80. collapsed: true,
  81. animated: "fast",
  82. control: "#treecontrol",
  83. unique: true,
  84. persist: "location",

  86. });

  88. });

---------------------------------------

O.B.S. I am trying to get my menu look like DEMO #3 with a slight modification, I would like those buttons making menu drop down be replaced with only the textarea as button for dropping down, haven´t gotten this far though since I couldn´t get my menu working in the first place...
Im complete stranger to jQuery and not very really educated in Javascript programming, therefore I think, some of the problems remains unsolved for me. I was hoping anyone of you could help me out in this field. 


Many thanks in advance, 
Webdesigner Zinoxxx