[rozwiązane][jQuery] menu rozwijane/zwijane Opcje

[zomb]

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

[HTML] pobierz, plaintext 
    $(function() {
 
        $('#show1').click(function() {
            $('#menu1').toggle(100);
        });
 
		$('#show2').click(function() {
			$('#menu2').toggle(100);
        });
 
		$('#show3').click(function() {
			$('#menu3').toggle(100);
        });
 
		$('#show4').click(function() {
			$('#menu4').toggle(100);
        });
 
    });
[HTML] pobierz, plaintext 

do tego html:

[HTML] pobierz, plaintext 
<div id="meni">
 					<p id="show1" >Menu 1</p>
						<ul id="menu1">
							<li><a href="#">jeden</a></li>
							<li><a href="#">jeden</a></li>
							<li><a href="#">jeden</a></li>
							<li><a href="#">jeden</a></li>
							<li><a href="#">jeden</a></li>
						</ul>
					<p id="show2" >Menu 2</p>
						<ul id="menu2">
							<li><a href="#">dwa</a></li>
							<li><a href="#">dwa</a></li>
							<li><a href="#">dwa</a></li>
							<li><a href="#">dwa</a></li>
							<li><a href="#">dwa</a></li>
						</ul>
					<p id="show3" >Menu 3</p>
						<ul id="menu3">
							<li><a href="#">trzy</a></li>
							<li><a href="#">trzy</a></li>
							<li><a href="#">trzy</a></li>
							<li><a href="#">trzy</a></li>
							<li><a href="#">trzy</a></li>
						</ul>
					<p id="show4" >Menu 4</p>
						<ul id="menu4">
							<li><a href="#">cztery</a></li>
							<li><a href="#">cztery</a></li>
							<li><a href="#">cztery</a></li>
							<li><a href="#">cztery</a></li>
							<li><a href="#">cztery</a></li>
						</ul>	
				</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

Ten post edytował thek 28.07.2010, 11:47:58

Powód edycji: [thek]: