Witam! Mam następujący kod i nie mogę sobie z nim poradzić:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  6. <script>
  7. $(document).ready(function(){
  8.  $("div.menu_genre").click(function(){
  9.   $("div.pos_2").slideDown("slow");
  10.  });
  11.  $("div.menu_genre").mouseout(function(){
  12.   $("div.pos_2").slideUp("slow");
  13.  });
  14. });
  15. </script>
  16. <style type="text/css">
  17. div.menu_genre {
  18. 	position:absolute;
  19. 	height:200px;
  20. 	width:200px;	
  21. 	border:1px solid #000;
  22. 	padding:10px;
  23. }
  24. div.pos_1 {
  25. 	width:200px;
  26. 	height:20px;
  27. 	border:1px solid #000;
  28. }
  29. div.pos_2 {
  30. 	width:200px;
  31. 	height:20px;
  32. 	border:1px solid #000;
  33. 	display:none;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <div class="menu_genre">
  39. 	<div class="pos_1">P</div>
  40. 	<div class="pos_2">o</div>
  41. 	<div class="pos_2">h</div>
  42. 	<div class="pos_2">b</div>
  43. </div>
  44. </body>
  45. </html>
[HTML] pobierz, plaintext


Chciałbym aby menu zwijało się dopiero po zjechaniu myszką z diva "menu_genre" jednak zwija się od razu po zjechaniu z diva "pos_1".