[JavaScript] Rozwijane menu. Kilka pytań. Opcje

[thomson89]

Witam!

Mam taki prosty kod, który rozwija menu.

[HTML] pobierz, plaintext 
<a href="#" onClick="var cos = getElementById('bizuteria'); cos.style = 'display: block; return false;';"><img src="menu/bizuteria1.png" onmouseover="this.src='menu/bizuteria2.png'" onmouseout="this.src='menu/bizuteria1.png'"></a><br />
<div class="podmenu">
<ul id="bizuteria" style="display: none;">
	<li><a href="#">Link 1</a></li>
	<li><a href="#">Link 2</a></li>
	<li><a href="#">Link 3</a></li>
	<li><a href="#">Link 4</a></li>
	<li><a href="#">Link 5</a></li>
	<li><a href="#">Link 6</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

1. Po kliknięciu na obrazek, widok strony przeskakuje do góry. Jak zrobić, zeby NIE przeskakiwał do góry?
2. Jak, zrobić aby onclick, działało w obie strony: gdy rozwinięte menu (gdy display block) zwiń; gdy zwinięte (display none) rozwiń
3. Jeżeli dodam drugi listing

[HTML] pobierz, plaintext 
<a href=""><img src="menu/pamiatki_sakralne1.png" onmouseover="this.src='menu/pamiatki_sakralne2.png'" onmouseout="this.src='menu/pamiatki_sakralne1.png'"></a><br />
<div class="podmenu" id="pamiatki_sakralne">
<ul>
	<li><a href="#">Link 1</a></li>	
 
</ul>
</div>
[HTML] pobierz, plaintext 

Jak zaimplentować, w nich (listingach) możliwość rozwinięcia tylko jednego ul naraz. Np. gdy 1 rozwinięte, i klikamy na dwa, 1 się zwija a 2 rozwija.

Bardzo proszę o pomoc! Od, razu zaznaczę że w JS jestem słaby (ale pracowity (IMG:style_emoticons/default/winksmiley.jpg) ).

Pozdrawiam, Mateusz!