Onclick Problem

[friends]

<ul>  
	<li class='Navigation1'>  
    	<a href='javascript:;' onClick="[code lang=javascript]document.getElementById('Navigation2').style.display='block';
~~~">Mein Profil</a>  
    	<ul id='Navigation2'>  
        	<li>Profil ansehen</li>  
            <li>Profil bearbeiten</li>  
        </ul>  
    </li>  
</ul>[/code]  
  
  
Wie schaffe ich es das wenn ich nun irgendwo auf die Seite klicke oder nochmal auf "Profil", das Navigation2 ausgeblendet wird?  
  
Wie stelle ich das möglichst elegant an?  
  
  
Gruß,  
Friends

[suit]

Wie stelle ich das möglichst elegant an?

Zwei Möglichkeiten:

1. Ersetze dein JavaScript durch eine Funktion. In dieser prüfe ob das Element auf display: block; gesetzt ist, wenn ja: setze auf "none" wenn nein, setze auf "block".

2. Erfinde das Rad nicht neu, nutze ein Framework - z.B jQuery und dessen toggle()-Funktion.

[friends]

Hi.

1. Ersetze dein JavaScript durch eine Funktion. In dieser prüfe ob das Element auf display: block; gesetzt ist, wenn ja: setze auf "none" wenn nein, setze auf "block".

okay das ganze sieht jetzt so aus:

function showAndHide(what){  
	if(document.getElementById(what).style.display == 'block') {  
		document.getElementById(what).style.display = 'none';  
	} else if(document.getElementById(what).style.display == 'none'){  
		document.getElementById(what).style.display = 'block';  
	}  
	return true;  
}

<ul>  
	<li class='Navigation1'>  
    	<a href='#' onClick="showAndHide('Navigation2')" onBlur="showAndHide('Navigation2')">Mein Profil</a>  
    	<ul id='Navigation2'>  
        	<li>Profil ansehen</li>  
            <li>Profil bearbeiten</li>  
        </ul>  
    </li>  
</ul> 

Aber es geht nicht :(

Hilf mir bitte.

[suit]

Aber es geht nicht :(

Nimm das else if raus und ersetz es durch einen else-Zweig ohne bedingung.
Verzichte auf das onblur.
Baue debug-Ausgaben ein.