[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 ).

Pozdrawiam, Mateusz!

[bobo168]

Przeanalizuj sobie ten przykład:

http://www.kurshtml.boo.pl/skrypty/przykla..._rozwijane.html

Powinien Ci odpowiedź na wszystkie twoje pytania

[elmozaur]

albo poszukaj menu w jQuery ;-)

[thomson89]

Gotowych przykładów jest mnóstwo... lepiej jest coś zrobić samemu...

Widziałem kiedyś coś takiego

[HTML] pobierz, plaintext 
(zmienna == 'wartosc') ? 'wartosc' : 'wartosc'
[HTML] pobierz, plaintext 

Ale nie wiem do czego to służy.

Ad. 1 Banalne. wystarczy usunąć znacznik <a>

Ten post edytował thomson89 30.10.2009, 20:42:23