Witam!
Mam taki prosty kod, który rozwija menu.
<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 /> <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>
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
<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"> <li><a href="#">Link 1
</a></li>
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

).
Pozdrawiam, Mateusz!