I am very new to jquery and javascript and i have a problem. 

I found a jquery menu on the web and put it to my webpage. The menu consists out of <li> tags. And now I would like to change the visibility of content divs; so i click on the menu and the content displayed disapears and the coresponding content to the menu appears. I tried adding id's to <li> and all sorts of stuff but nothing worked. The point is that i have 5 content divs and i only change the visibilities.

I apologise for my bad language, here's some code:

2.                                          <ul id="menu">
3. <li value="1" id="home"><a href="#">Domov</a></li>
4. <li id="pay"><a href="#">Opis plačil</a></li>
5. <li id="betPlace"><a href="#">Opis stavnic</a></li>
6. <li id="bets"><a href="#">Vrste stav</a></li>
7. <li id="contact"><a href="#">Kontakt</a></li>
8. </ul>
9. 
   
10. 
    
11. <!-- here are the content divs-->
12. 
    
14.                                 <div id="domov" class="vsebina">
15. To je Domov
16. </div>
17. <div id="placila" class="vsebina">
18. Gremo na plačila!
19. </div>
20. <div id="stavnice" class="vsebina"></div>
21. <div id="stave" class="vsebina"></div>
22. <div id="kontakt" class="vsebina"></div>
23. 
    
24. 
    
25. *********jquery*********
27. var zadnji="domov";
28. $(document).ready(function(){
29. $("#home").click(function() {
30. $("#"+zadnji).fadeOut("slow", function(){
31. $("#domov").fadeIn("slow");
32. });
33. zadnji="domov";
34. });
36. $("#pay").click(function() {
37. $("#"+zadnji).fadeOut("slow", function(){
38. $("#placila").fadeIn("slow");
39. });
40. zadnji="placila";
41. });
42. });

This code doesn't work.

Thanks a lot for your help!