Witam,
Niedawno zacząłem 'nauke' jQuery, wczoraj napisałem swoj pierwszy skrypt na menu rozwijane/zwijane.
Wygląda on tak:

[HTML] pobierz, plaintext 
  1.     $(function() {
  2.  
  3.         $('#show1').click(function() {
  4.             $('#menu1').toggle(100);
  5.         });
  6.  
  7. 		$('#show2').click(function() {
  8. 			$('#menu2').toggle(100);
  9.         });
  10.  
  11. 		$('#show3').click(function() {
  12. 			$('#menu3').toggle(100);
  13.         });
  14.  
  15. 		$('#show4').click(function() {
  16. 			$('#menu4').toggle(100);
  17.         });
  18.  
  19.     });
[HTML] pobierz, plaintext


do tego html:
[HTML] pobierz, plaintext 
  1. <div id="meni">
  2.  					<p id="show1" >Menu 1</p>
  3. 						<ul id="menu1">
  4. 							<li><a href="#">jeden</a></li>
  5. 							<li><a href="#">jeden</a></li>
  6. 							<li><a href="#">jeden</a></li>
  7. 							<li><a href="#">jeden</a></li>
  8. 							<li><a href="#">jeden</a></li>
  9. 						</ul>
  10. 					<p id="show2" >Menu 2</p>
  11. 						<ul id="menu2">
  12. 							<li><a href="#">dwa</a></li>
  13. 							<li><a href="#">dwa</a></li>
  14. 							<li><a href="#">dwa</a></li>
  15. 							<li><a href="#">dwa</a></li>
  16. 							<li><a href="#">dwa</a></li>
  17. 						</ul>
  18. 					<p id="show3" >Menu 3</p>
  19. 						<ul id="menu3">
  20. 							<li><a href="#">trzy</a></li>
  21. 							<li><a href="#">trzy</a></li>
  22. 							<li><a href="#">trzy</a></li>
  23. 							<li><a href="#">trzy</a></li>
  24. 							<li><a href="#">trzy</a></li>
  25. 						</ul>
  26. 					<p id="show4" >Menu 4</p>
  27. 						<ul id="menu4">
  28. 							<li><a href="#">cztery</a></li>
  29. 							<li><a href="#">cztery</a></li>
  30. 							<li><a href="#">cztery</a></li>
  31. 							<li><a href="#">cztery</a></li>
  32. 							<li><a href="#">cztery</a></li>
  33. 						</ul>	
  34. 				</div>
[HTML] pobierz, plaintext


Wszystko działa na 1 rzut oka dobrze. Lecz mam kilka pytań. Jak w łatwy sposób zrobić:
1) jeżeli kliknę w Menu 1, pokaże się, kliknę w Menu 2, pokaże się lecz automatycznie Menu 1 chowa się.
2) gdy otworze Menu 1, 2, 3, 4 menu staje się długie i 'wchodzi' w stopkę (widać na demo).
3) widziałem już kilka skryptów ale nie mogę się połapać, jak to zmienić aby nie trzeba było do każdego dodawać: $('#show4').click(function() { $('#menu4').toggle(100); }); itd tylko żeby to robiło się 'automatycznie'.
4) gdy klikne np w Menu 1, rozwija się lecz jest dziwny 'wjazd' od lewej strony. Jak zrobić aby 'robiło' się normalnie z góry na dół.

Wiem że oczekiwania mam duże ale liczę na dokładną pomoc.

Demo: http://zomb.cba.pl/acc/styles/custom/index.html