[js]Menu rozwijane Opcje

[Glarden]

Napisałem sobie skrypt w js do rozwijanego menu. I teraz tak. Można by powiedzieć, że wszystko działa jak należy, jest tylko jeden szkopuł: po wejściu na stronę, żeby menu się rozwinęło na odnośnik trzeba kliknąć dwa razy. Nie wiem, dlaczego?
plik html:

[HTML] pobierz, plaintext 
<ul>
<li><a href="java script:pokaz('kupa');">Kliknij, a zobaczysz</a></li>
<ul id='kupa'>
<li><a href='http://onet.pl'>Onet</a></li>
<li><a href='http://wp.pl'>WP</a></li>
</ul>
<li><a href="java script:pokaz('tit');">Druga lista</a></li>
<ul id='tit'>
<li><a href='http://krowa.pl'>Gulgul</a></li>
<li><a href='http://forum.php.pl'>Forum PHP</a></li>
</ul>
</ul>
[HTML] pobierz, plaintext 

plik js:

[HTML] pobierz, plaintext 
function pokaz (id) {
	el = document.getElementById(id) 
	if (el.style.display == "none") {
		el.style.display = "block";
	}
	else {
		el.style.display = "none";
	}
}
[HTML] pobierz, plaintext 

[nospor]

Widzę, ze początkową widoczność menu nie ustalasz w html, wiec zapewne robisz to w css. Jesli tak, to style.display w js na początku nie bedzie mialo "none". A ty niestety przez to "none" warunkujesz czy wyswietlic czy nie. Tak wiec pierwsze klikniecie dopiero ustawia "none" przez co nadal jest niewidoczny, a dopiero drugie klikniecie dostaje poprawne warunki.

Zmien moze warunek z:
if (el.style.display == "none")
na:
if (el.style.display != "block")