Inhalt eines <div>-Containers durch link verändern

[Josie]

Hallo lieber SelfHTML'ler,

Ich möchte den Inhalt eines Div's durch anklicken eines Links verändern. Das hab ich auch geschafft:

  
<style type="text/css">  
  
 #cssonclickswitch {  
 position:relative;  
 width: 150px;  
 margin:20px auto 100px;  
 }  
  
 #cssonclickswitch a {  
 display: inline;  
 width:50px;  
 color: #fff;  
 text-decoration:none;  
 text-align:center;  
 }  
  
  
 #cssonclickswitch a span {  
 display: none;  
 }  
 #cssonclickswitch a:active span,  
 #cssonclickswitch a:focus span {  
 display: inline;  
 position: absolute;  
 top: 0;  
 left: 170px;  
 width: 50px;  
 color:red;  
 background:none;  
 }  
  
 </style>  
  
  
  
  
 <h1>CSS onclick</h1>  
 <ul id="cssonclickswitch" >  
 <a href="#n">eins<span><div id="eins"><img src="images/bild1.png" width="300px" height="50px"></div>  
  
  
  
 </span></a>  
 <a href="#n">zwei<span><div id="one"><img src="images/bild2.png" width="300px" height="50px"></div>  
  
 </div>  
  
 </span></a>  
 </ul>  

Nur wenn ich jetzt woanders hinklicke verschwindet das Bild wieder und das möchte ich eigendlich durch einen weiteren Link erreichen.

Wie funktioniert denn sowas bzw wo liegt mein Fehler??

Danke schon mal

Eure Josie