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